- 浏览: 114834 次
- 性别:
- 来自: 长沙
最新评论
-
leecyz:
不可分页全选
脚本实现全选GridView中的CheckBox -
agameplay:
呵呵,感谢,一直不知道会员定期过期检测,这下有法了,以前以为T ...
net中的定时器 -
raisun_1988:
yining159 写道这个跟.net有什么关系。。。
web ...
asp.net 页面弹出层,背景变灰不能操作 -
yining159:
这个跟.net有什么关系。。。
asp.net 页面弹出层,背景变灰不能操作 -
wm1688:
very good需要说明一下的是 在mymetadata文件 ...
Myeclipse中复制项目的注意事项
【网上购物论坛】-IT泡吧![http://www.itpob.cn/] http://www.itpob.cn 【实例演示】 【程序源码】 这个效果主要体现在CSS和javascript的配合上 CSS代码 HTML结构 Javascript代码 【源码下载】
.shop-rating {
height: 25px;
overflow: hidden;
zoom: 1;
padding: 2px 0;
position: relative;
z-index: 999;
font:12px Arial;
color:#000;
line-height:1.2em
}
.shop-rating span {
height: 23px;
display: block;
line-height: 23px;
float: left;
}
.shop-rating span.title {
width: 125px;
text-align: right;
margin-right: 5px;
}
.shop-rating ul {
float: left;
}
.shop-rating .result {
margin-left: 20px;
padding-top: 2px;
}
.shop-rating .result span {
color: #ff6d02;
}
.rating-level,
.rating-level a {
background: url(http://images.cnblogs.com/cnblogs_com/bluedream2009/201609/o_star.png) no-repeat scroll 1000px 1000px;
}
.rating-level {
background-position: 0px 0px;
width: 120px;
height: 23px;
position: relative;
z-index: 1000;
}
.shop-rating .result em {
color: #f60;
font-family: arial;
font-weight: bold;
}
.rating-level li {
display: inline;
}
.rating-level a {
line-height: 23px;
height: 23px;
position: absolute;
top: 0px;
left: 0px;
text-indent: -999em;
*zoom: 1;
outline: none;
}
.rating-level a.one-star {
width: 20%;
z-index: 6;
}
.rating-level a.two-stars {
width: 40%;
z-index: 5;
}
.rating-level a.three-stars {
width: 60%;
z-index: 4;
}
.rating-level a.four-stars {
width: 80%;
z-index: 3;
}
.rating-level a.five-stars {
width: 100%;
z-index: 2;
}
.rating-level .current-rating, .rating-level a:hover {background-position:0 -28px}
.rating-level a.one-star:hover,.rating-level a.two-stars:hover,.rating-level a.one-star.current-rating,.rating-level a.two-stars.current-rating{background-position:0 -116px;}
.rating-level .three-stars .current-rating,.rating-level .four-stars .current-rating,.rating-level .five-stars .current-rating{background-position:0 -28px;}
<span class="title">你对我人品的评价:</span>
<ul class="rating-level" id="stars2">
<li><a href="javascript:void(0);" class="one-star" star:value="20">20</a></li>
<li><a href="javascript:void(0);" class="two-stars" star:value="40">40</a></li>
<li><a href="javascript:void(0);" class="three-stars" star:value="60">60</a></li>
<li><a href="javascript:void(0);" class="four-stars" star:value="80">80</a></li>
<li><a href="javascript:void(0);" class="five-stars" star:value="100">100</a></li>
</ul>
<span id="stars2-tips" class="result"></span>
<input type="hidden" id="stars2-input" name="b" value="" size="2" />
</div>
var T$ = function(id) { return document.getElementById(id) }
var T$$ = function(r, t) { return (r || document).getElementsByTagName(t) }
var Stars = function(cid, rid, hid, config) {
var lis = T$$(T$(cid), 'li'), curA;
for (var i = 0, len = lis.length; i < len; i++) {
lis[i]._val = i;
lis[i].onclick = function() {
T$(rid).innerHTML = '<em>' + (T$(hid).value = T$$(this, 'a')[0].getAttribute('star:value')) + '分</em> - ' + config.info[this._val];
curA = T$$(T$(cid), 'a')[T$(hid).value / config.step - 1];
};
lis[i].onmouseout = function() {
curA && (curA.className += config.curcss);
}
lis[i].onmouseover = function() {
curA && (curA.className = curA.className.replace(config.curcss, ''));
}
}
};
return {Stars: Stars}
}().Stars('stars2', 'stars2-tips', 'stars2-input', {
'info' : ['人品极差', '人品不咋地', '人品一般吧', '人品不错', '人品极好啊'],
'curcss': ' current-rating',
'step': 20
});
【网上购物论坛】-IT泡吧![http://www.itpob.cn/] http://www.itpob.cn
http://www.cnblogs.com/bluedream2009/archive/2010/07/06/1772467.html
发表评论
-
脚本实现全选GridView中的CheckBox
2010-11-16 16:36 1149今天终于实现了全选CheckBox而不用AJAX或者回传事件, ... -
net中的定时器
2010-11-09 10:57 844在web中某个类中对某个方法我想让它定时执行。 对于此,我们 ... -
Visual Studio 最常用的13个快捷键
2010-11-09 09:30 8841. F5:启动调试 2. F7 /Shif ... -
Javascript写入Html
2010-11-06 09:31 934一:打开新的窗口,并向其中写入html代码 1 var ... -
没有源码时,添加网站功能
2010-09-29 14:11 772有的时候想要在编译成DLL的网站上添加一个功能,又需要访问数据 ... -
asp.net代码中尖括号和百分号的含义
2010-09-28 11:41 1621asp.net代码中尖括号和百分号的含义 在.aspx ... -
SQL对象名无效的解决
2010-09-03 17:29 1600SQL对象名无效的解决方法 http://www.itpob. ... -
.net 获取url的方法
2010-08-24 14:33 990测试的url地址是http://www.gkxsn.com/t ... -
asp.net返回上一个页面
2010-08-24 14:30 888//首先要获取URL,如下所示: private strin ... -
ASP.NET中突破上传4M文件的限制
2010-08-17 09:26 821http://www.itpob.cn ... -
使用IIS内置压缩功能,增加网站访问速度
2010-08-16 20:35 993【网上购物论坛】-IT泡吧![Www.itpob.Cn]网上购 ... -
过滤HTML标签
2010-08-13 09:27 958[www.itpob.cn] http://www.itpob ... -
VS2008+SQL2005 开发环境搭建
2010-08-04 14:09 1577【网上购物论坛】-IT泡吧![Www.itpob.Cn]网 ... -
javascript获取本页面URL地址
2010-08-03 15:09 793【网上购物论坛】-IT泡 ... -
无限级分类设计--纯数据库实现
2010-08-03 10:13 1001【网上购物论坛】-IT泡吧![Www.itpob.Cn]网上 ... -
WEB第三方打印控件[ASP.NET常用工具]
2010-08-03 10:04 3085【网上购物论坛】-IT泡吧![Www.itpob. ... -
虚拟主机上用Asp.net实现Urlrewrite
2010-07-23 10:44 791【网上购物论坛】-IT泡吧![Www.itpob.Cn ... -
asp.net实现返回上一页的6种方法
2010-07-23 10:32 710【网上购物论坛】-IT泡吧![Www.itpob.Cn]网上 ... -
ASP.NET文件下载函数使用浅析
2010-07-23 10:22 691【网上购物论坛】-IT泡吧![Www.itpob.Cn ... -
教你在asp.net中动态变更CSS
2010-07-23 10:18 725【网上购物论坛】-IT泡吧![Www.itpob.Cn]网上购 ...
相关推荐
【程序源码】 这个效果主要体现在CSS和javascript的配合上 CSS代码 代码如下: ul, li {margin: 0; padding: 0; border: 0;} .shop-rating { height: 25px; overflow: hidden; zoom: 1; padding: 2px 0; position: ...
javascript 写 的 用 于 用 户 评 星 的 实例
简单实现淘宝评星,火狐,IE下均可运行。其中包含一个小的兼容性问题,通过条件判断解决,拿来作为初级学习的材料还是很不错的。
JavaScript+CSS 精仿淘宝首页顶部菜单 JavaScript+CSS 精仿淘宝首页顶部菜单,淘宝顶部的工具条都知道吧,不是那种很标准的导航,每一个菜单项都细分有不同的导航功能,比如点击“我的淘宝”,会出现已购买宝贝,...
javascript基础教程(第8版) javascript基础教程(第8版) 高清版
经典畅销书 JavaScript宝典(第7版) 将帮您实现这些夙愿,它在大量示例代码和可运行脚本的引导下,指导您快速掌握JavaScript基础知识,并制定出最符合预定网站目标的策略。通过认真研读本书,您将可以编写脚本来实现...
JavaScript权威指南(第5版)PDF版本下载
****JavaScript入门经典(第4版 英文版+第3版中文版 附JavaScript参考手册)****《JavaScript入门经典(第4版)》主要内容:·循序渐进介绍JavaScript基础知识,包括JavaScript的含义、原理和功能·介绍用于创建...
《JavaScript宝典 第7版》PDF版本下载
本书是javascript经典图书《javascript宝典》第四版的中文版,是学习javascript编程的第一书籍。翻译比较好
《JavaScript权威指南(第6版)》全面介绍了JavaScript语言的核心,以及Web浏览器中实现的遗留和标准的DOM。它运用了一些复杂的例子,说明如何处理验证表单数据、使用cookie、创建可移植的DHTML动画等常见任务。...
《JavaScript宝典(第四版)》.《JavaScript宝典(第四版)》.
JavaScript 权威指南 中文第6版(完整目录 淘宝前端团队 译)
自己用Javascript和Html写的一个简单计算器,新手还望大家多多赐教。
本书是程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册。 第6版涵盖HTML 5和ECMAScript 5。很多章节完全重写,以便与时俱进,紧跟当今的最佳Web开发实践。本书新增章节描述了...
如果刚刚学习ArcGIS JavaScript API,从一颗星示例开始可以更好的理解示例。在很多情况下,可以扩展或合并示例来为自己的应用创建一个起始点。查看视频来学习如何创建起始点。 示例使用的服务来自ESRI示例服务器...
JavaScript程序员构建JavaScript应用程序时不可获缺的参考书,涉及到JavaScript在Web2.0中的应用
JavaScript基础教程第8版.pdf
JavaScript星级评分,简单好用,支持多项评分