qq自由幻想星星 星星的作用大吗？（三星跟五星比较）

来源：蜘蛛抓取(WebSpider) 时间：2011-09-22 22:54 标签： qq自由幻想名字
CSS两种动态显示星星等级的比较（一星 两星 三星 四星 五星） - HTML教程 CSS教程-网页设计 - 次元立方网 - 电脑知识与技术互动交流平台
CSS两种动态显示星星等级的比较（一星 两星 三星 四星 五星）
以下是显示后的图片，相信在很多网站上都能看到这种效果，目前我知道两种实现方式
1、background-position加上一张图片
&&& 图片：/webassets/pwr/engine/images/stars.gif
1 &!DOCTYPE html&
&link rel='stylesheet' href='style.css'&
&script src='script.js'&&/script&
height: 20
line-height: 20
width: 112
background-image: url('/webassets/pwr/engine/images/stars.gif');
background-position:0 -69
background-repeat:no-
&div class='star'&&/div&
26 &/html&
这是最简单的background-position定位，不过如果还是觉得stars.gif比较大，可以用第二种方法，不过在使用第二种方法之前必须将stars.gif用photoshop裁剪下，裁剪成两个图片，没有金色星星（5颗灰色星星）的和5金色星的两张图片，其他各类星星的都舍去掉，当然我比较懒，下面的demo图片没有用工具裁剪，直接用的原stars.gif。
2、CSS clip 属性
&&& 所有主流都支持 clip 属性。
&&& clip 属性剪裁绝对定位元素。
&&& clip:：rect (top, right, bottom, left)
&&& position:absolute 这个必须有
&!DOCTYPE html&
&link rel='stylesheet' href='style.css'&
&script src='script.js'&&/script&
margin:10px 0 0 0;
height: 20
line-height: 20
width: 112
background-image: url('/webassets/pwr/engine/images/stars.gif');
background-position:0 0;
.star1 .inner{
height: 20
line-height: 20
width: 112
background-image: url('/webassets/pwr/engine/images/stars.gif');
background-position:0 -230
clip:rect(0px,61px,21px,0px);
&div class='star1'&
&div class='inner'&&/div&
这个用rect裁剪的好处是即使你想要1.2颗星星也是可以的，只需要改下clicp的rect第二个参数就行了，61px改为27.6px,clip:rect(0px,27.6px,21px,0px);
计算方式 一个星星23px,1.2颗星星：23+23/10*2=27.6，显示效果：
对比第一种，stars.gif这个图片得不断添加各类值得星星，好处显而易见，第二种灵活图片小，减少传输开销。
备注： .star1样式里面的图片应该是5颗灰色星星，.star1 .inner里的图片应该是5颗金色星星
延伸阅读：
image的css样式filter:blur(10px);-webkit-filter:bl...
本教程为 李华明 编著的iOS-Cocos2d游戏开发系列教程：教程涵盖关于i......
专题主要学习DirectX的初级编程入门学习，对Directx11的入门及初学者有......
&面向对象的JavaScript&这一说法多少有些冗余，因为JavaScript 语言本......
Windows7系统专题 无论是升级操作系统、资料备份、加强资料的安全及管......已收藏本页面
“爸爸，天上为什么有那么多星星呢。”“因为以前呀，天上只有三颗星，后来有一天，这三星炸了，就满天都是小星星了。”
天上的星星不说话，地上的三星会爆炸。手上的Note7炸呀炸，辛苦的钱啊都白花。啊～啊啊～啊～啊啊啊啊～夜夜想起网上的话，三星的Note7会爆炸。
回复 10楼：来你吃饱了没，没饱我在直播拉给你吃，我还免费送你37℃饮料
回复 10楼：这评论不顶，天理不容
回复 67楼：卧槽，不自觉的跟着唱出来了，原歌词都忘记了[撞到玻璃][撞到玻璃]
我以为是消消乐
回复 10楼：好，如果你不直播，jj短10公分，说灵就灵！
分享该糗事到糗友圈
回复 10楼：到了，吃吧
天上的星星不说话，地上的三星会爆炸。手上的Note7炸呀炸，辛苦的钱啊都白花。啊～啊啊～啊～啊啊啊啊～夜夜想起库克的话，三星的Note7会爆炸。
回复 10楼：等你
难道不是放烟花
回复 10楼：吃了没？
回复 10楼：翔吃了没有？我拉泡尿给你润润喉。
回复 10楼：坐等看你吃翔，你没有的话，我可以拉，免费给你
回复 49楼：炸了，字都没打完就炸了
回复 10楼：狗东西
回复 58楼：智商有问题别不承认啊
回复 57楼：脑残？说谁呢？这年头什么妖魔鬼怪都有啊！见过大马路捡钱的。这不来了一个！死不要脸非要过来捡骂的。[嘿嘿][嘿嘿][嘿嘿]不要想了。你就这个智商。本屌说的就是你。
回复 56楼：脑残→_→
就这智商还是别出来了
买了夜不值钱
回复 55楼：小脑不发达的人不要和我说话。本屌什么时候说了？
回复 54楼：哎呀
才发现你拉的自己吃！味道怎么样
回复 53楼：哎呦！我去。自己约的炮再丑都要打完！你自己拉的当然你自己吃喽！
回复 52楼：别客气
回复 51楼：那你自己趁热快吃。[嘿嘿][嘿嘿][嘿嘿]
回复 10楼：兄弟
我刚刚拉了一炮～还热乎
回复 49楼：哪天等你炸了，记得发糗百说一声，保证很多来发来贺电，我先屏幕截图了
我现在就在用note7，感觉很好用啊，而且也没有要爆炸的迹象，不要道听途
回复 45楼：快递过来。地址。地府阎王殿收件人：阎王
这就是所谓的三生万物么
回复 10楼：取
回复 10楼：刚好拉稀，别浪费了，速来去
虽然不知道是不是原创，但是比那些一遍又一遍发斗地主的那些无聊人好多了，赞一个！
回复 10楼：等你
回复 39楼：哈哈，坐等[哈哈]
简直就是高端黑
分享该糗事到糗友圈
回复 33楼：上了直播拉你
求直播，快来
这个寓意好
三星什么时候炸了？
来来来，把最后一句唱出来的举个手
为什么不是，抽刀断屌血直流
回复 10楼：哦看你评论才懂，就说为啥非要说三颗星炸了呢
回复 10楼：什么时候开直播
告诉我一声
楼主乃西方求败是也？
没毛病啊[大笑][大笑][大笑]
分享该糗事到糗友圈
自从韩国宣布进驻萨德以来。黑三星的逐渐多起来了。请看三星公司的官方回应。
楼主名字威武霸气
回复 10楼：朋友们顶他，他要不吃人肉他
这是我看过最高端的黑！
爸爸：你会唱小星星吗？
回复 10楼：兄弟们顶上去
这就是宇宙中心国度的来由？
其实基本上是对的，只是原来只有一颗星
棒子就是狗屎一样的东西，看见就恶心
我喜欢用三星，总觉得低调奢华，不像苹果那样装逼机
这个解释很给力
回复 7楼：黑三星手机的，最近三星note7很多爆炸的，公司宣布召回
回复 10楼：拿拖把顶吗？
回复 1楼：给你态度点赞。不像那么多人道德绑架
黑三星炸了！高级黑！顶我上神评。我直播吃翔。
三星不会炸，但三星他妈妈星妈会炸
为什么以前天上只有三颗星星？？
小星星。你妈炸了你知道么？
三星只是烧，没炸。
哪有炸那么夸张，看事后的手机照片只是燃烧痕迹。自燃跟自爆的危险性还是不一样的
三星啥时候炸的？为啥我前几天听说是头七～
这笑话真特么冷
一直不用三星，打心底里对三星没有好感不知道为什么，但是别人用我不作任何评论。
后才能发表评论
你可能喜欢的图片笑话
最受欢迎的爆笑笑话
扫码下载糗事百科app

我要回帖

更多关于 qq自由幻想名字 的文章

 

随机推荐