网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
轮播图js代码|js评分代码
轮播图js代码|js评分代码
发布时间:2016-10-04
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
<script language="javascript"> /* Class that defines a standard ratings component. */ // Messages for display above the individual ratings units. The length of the // array also defines how many units to include in the component. yg_Ratings.Msgs = new Array ( "差", "及格", "一般", "比较好", "棒极了" ); yg_Ratings.Labels = new Array ( "1 Star", "2 Stars", "3 Stars", "4 Stars", "5 Stars" ); // Path for all images. //var path = "http://us.i1.yimg.com/us.yimg.com/i/us/ls/gr/"; //var path = "http://us.i1.yimg.com/us.yimg.com/i/us/sh/karma/yri_"; var path = "http://www.dphost.cn/images/yri_"; yg_Ratings.starbar = "star_"; // Image for set units. yg_Ratings.UnitY = "yellow.gif"; // Image for set units <= the mouse over point. yg_Ratings.UnitYMouseOver = "yellow.gif"; // Image for set units > the mouse over point. yg_Ratings.UnitYMouseLess = "grey.gif"; // Image for unset units. yg_Ratings.UnitN = "white.gif"; // Image for unset units <= the mouse over point. yg_Ratings.UnitNMouseOver = "hover.gif"; yg_Ratings.DefaultMsg = " "; function yg_Ratings(id, button, inputname, defaultval,type) { // The id parameter is the name (a string) of the variable to which the // instance is assigned. (The variable is sent along to event handlers, // so it must be in the global scope.) var i, t; var attributes; var h1, h2; var d = document; var style; this.starbar = type + "_"; this.rating = 0; this.showbutton = button; if (defaultval < 1 || defaultval > 5) { defaultval = 0; } this.rating = defaultval; attributes = "class="ygrtngs" id="" + id + "" style="" + style + """; h1 = "onMouseOut="return yg_Ratings_mouseOut(" + id + ");""; d.write(""); if (defaultval > 0 && type == "star") { d.write(""+yg_Ratings.Msgs[defaultval-1]+""); } else { d.write(""+yg_Ratings.DefaultMsg+""); } if (this.showbutton) { d.write("
Rate it:
"); } for (i = 1; i <= yg_Ratings.Msgs.length; i++) { h1 = "onMouseOver="return yg_Ratings_mouseOver(" + id + ", " + i + ");""; h2 = "onClick="return yg_Ratings_click(" + id + ", " + i + ");""; d.write(""); if (i <= defaultval) { d.write("
"); } else { d.write("
"); } d.write(""); } if(defaultval){ d.write("
"); } else { d.write("
"); } this.input = document.getElementById("input_"+id); d.write(""); this.parent = document.getElementById(id); this.images = this.parent.getElementsByTagName("img"); this.msg = document.getElementById(id + "_msg"); this.id = id; var children = this.msg.childNodes; var node; for (var i = 0; i < children.length; i++) { node = children[i]; if (node.nodeType == 3) { this.DefaultMsg = node.nodeValue; } } } function yg_Ratings_set(n, oflag) { if (arguments.length < 2) oflag = true; this.rating = n; this.DefaultMsg = yg_Ratings.Msgs[n-1]; // if (this.showbutton) { this.showBtn("btnSave"); // } this.update(n, oflag); } function yls_Ratings_showSubmit(sBtn) { var saveButton = document.getElementById(sBtn); if(saveButton != null) { saveButton.style.display="block"; } } function yg_Ratings_setMsg(m) { var children = this.msg.childNodes; var node; for (var i = 0; i < children.length; i++) { node = children[i]; if (node.nodeType == 3) { // Using 0xA0 prevents the browser from collapsing empty messages. node.nodeValue = m; } } } function yg_Ratings_get() { return this.rating; } function yg_Ratings_update(n, oflag) { // The oflag parameter is true when the mouse is outside of the ratings // component. The n parameter is the if (this.starbar == "star_") { if (oflag) { this.setMsg(this.DefaultMsg); } else { this.setMsg(yg_Ratings.Msgs[n - 1]); } } if (n == this.rating) { this.input.setAttribute("value", n); } for (i = 1; i <= yg_Ratings.Msgs.length; i++) { if (oflag) { if (i <= this.rating) this.images[i - 1].src = path + this.starbar + yg_Ratings.UnitY; else this.images[i - 1].src = path + this.starbar + yg_Ratings.UnitN; } else { if (i <= n) { if (i <= this.rating) this.images[i - 1].src = path + this.starbar + yg_Ratings.UnitYMouseOver; else this.images[i - 1].src = path + this.starbar + yg_Ratings.UnitNMouseOver; } else { if (i <= this.rating) this.images[i - 1].src = path + this.starbar + yg_Ratings.UnitYMouseLess; else this.images[i - 1].src = path + this.starbar + yg_Ratings.UnitN; } } } return true; } function yg_Ratings_click(obj, n) { obj.set(n, false); return true; } function yg_Ratings_mouseOver(obj, n) { obj.update(n, false); return true; } function yg_Ratings_mouseOut(obj) { obj.update(0, true); return true; } yg_Ratings.prototype.set = yg_Ratings_set; yg_Ratings.prototype.setMsg = yg_Ratings_setMsg; yg_Ratings.prototype.get = yg_Ratings_get; yg_Ratings.prototype.update = yg_Ratings_update; yg_Ratings.prototype.showBtn = yls_Ratings_showSubmit; </script> 访问速度: <script> if (document.getElementById) { // Support for Class A. _ratings_proj1_ = new yg_Ratings("_ratings_proj1_", false, "proj1", 0, "star"); } else { // Support for poor DOM (low grade). document.write("
"); document.write("
"); document.write("
"); document.write("
"); document.write("
"); } </script>
性价比: <script> if (document.getElementById) { // Support for Class A. _ratings_proj2_ = new yg_Ratings("_ratings_proj2_", false, "proj2", 0, "star"); } else { // Support for poor DOM (low grade). document.write("
"); document.write("
"); document.write("
"); document.write("
"); document.write("
"); } </script>
服务质量: <script> if (document.getElementById) { // Support for Class A. _ratings_proj3_ = new yg_Ratings("_ratings_proj3_", false, "proj3", 0, "star"); } else { // Support for poor DOM (low grade). document.write("
"); document.write("
"); document.write("
"); document.write("
"); document.write("
"); } </script>
安全性: <script> if (document.getElementById) { // Support for Class A. _ratings_proj4_ = new yg_Ratings("_ratings_proj4_", false, "proj4", 0, "star"); } else { // Support for poor DOM (low grade). document.write("
"); document.write("
"); document.write("
"); document.write("
"); document.write("
"); } </script>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/13613/
上一篇:
金色北京|js北京奥运计时器
下一篇:
【asp检测文件是否存在】asp检测文件编码
相关推荐
十步杀一人|第十步:解决IE浏览器的显示BUG
[浏览器分辨率如何设置]根据浏览器和分辨率不同自动调用CSS样式表 (jscript实现)
[php ajax无刷新分页]php+ajax无刷新实现省、地、市三级联动
phpstudy|php An error occured
视觉中国图片库_视觉中国首页flash轮换代码
css初级入门教程_CSS初级入门:样式的单独调用
【关于阅读】关于Theme中.skin与css需要理清的关系
[js判断数组类型]js判断浏览器的类型
如何在_如何通过NCP系统获得收入
css超出部分省略号_CSS Hack解决浏览器兼容性问题
网友关注
基本的几种方法|基本的几种 CSS 文字滤镜效果
第一步|第一步:规划网站,本教程将以图示为例构建网站
金色北京|js北京奥运计时器
如何在静态html页面|如何在静态HTM页面中实现无刷新的更换CSS样式
css如何使div层水平居中显示|CSS如何使DIV层水平居中
第二部分 英文_第二步:创建html模板及文件目录等
css阴影怎么做_只用CSS做的下拉式菜单--A Drop-Down Menu With Only CSS
css 颜色渐变|css-颜色渐变
【第三部门】第三步:将网站分为五个div,网页基本布局的基础
css div布局的基本步骤|Div+CSS布局入门教程5
热门标签
js冒泡排序代码
js轮播图代码
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
【asp检测文件是否存在】asp检测文件编码
js教程
js放大镜效果|js放大镜
js教程
[拖动 英文]拖动+遮罩+移动+改变元素大小
js教程
js控制图片旋转_js控制图片
js教程
[js图片放大效果怎么做]js图片放大效果
js教程
生活小技巧_小技巧:获得网页控件方法大全
js教程
轻轻松松的意思|轻轻松松为自己建一个站内搜索引擎
js教程
[网页脚本出错怎么办]网页脚本攻击防范全攻略
js教程
无边框手机|全新无边框窗口实现方式
js教程
图片无缝滚动代码_图片无缝滚动
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有