帝国论坛帝国网站管理系统交流区模板/标签/插件共享交流帝国内置的ajax评分代码 【本版专题贴子】  
 1/17     1 2 3 4 5 6 7 8 9 10 ›› ›|
主题:帝国内置的ajax评分代码 [加入收藏夹]   

禾火木风
用户头衔:嘉宾

精华贴   :11
发贴数   :5478
经验值   :14181
注册时间:2006-03-02
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
帝国内置的ajax评分代码
ECMS实际上已经内置ajax评分,竟然没有说明。现在结合一下CSS做的效果发出来给大家个参考。css样式可以复制到你原有的样式表文件,附件就是星级效果的图片,保存下来就OK了,注意一下CSS中的图片路径修改成自己的实际路径。

在head区加调用ajax.js,如果已经使用了dig功能不必重复调用这个js



<script type="text/javascript" src="[!--news.url--]e/data/js/ajax.js"></script>
<style>
.star-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 150px;
height: 30px;
position: relative;
background: url(star_rating.gif) top left repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a{
display:block;
width:30px;
height: 30px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{
background: url(star_rating.gif) left center;
z-index: 2;
left: 0px;
}

.star-rating a.one-star{
left: 0px;
}
.star-rating a.one-star:hover{
width:30px;
}
.star-rating a.two-stars{
left:30px;
}
.star-rating a.two-stars:hover{
width: 60px;
}
.star-rating a.three-stars{
left: 60px;
}
.star-rating a.three-stars:hover{
width: 90px;
}
.star-rating a.four-stars{
left: 90px;
}
.star-rating a.four-stars:hover{
width: 120px;
}
.star-rating a.five-stars{
left: 120px;
}
.star-rating a.five-stars:hover{
width: 150px;
}

.star-rating li.current-rating{
background: url(star_rating.gif) left bottom;
position: absolute;
height: 30px;
width:90px;
display: block;
text-indent: -9000px;
z-index: 1;
}
</style>
<span id="showpf"><script type="text/javascript" src="[!--news.url--]e/public/ViewClick?classid=[!--classid--]&id=[!--id--]&down=3"></script></span>分
<ul class="star-rating">
<li class="current-rating"></li>
<li><a href="JavaScript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=[!--classid--]&id=[!--id--]&doajax=1&ajaxarea=showpf&fen=1','EchoReturnedText','GET','');" class="one-star">1</a></li>
<li><a href="JavaScript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=[!--classid--]&id=[!--id--]&doajax=1&ajaxarea=showpf&fen=2','EchoReturnedText','GET','');" class="two-stars">2</a></li>
<li><a href="JavaScript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=[!--classid--]&id=[!--id--]&doajax=1&ajaxarea=showpf&fen=3','EchoReturnedText','GET','');" class="three-stars">3</a></li>
<li><a href="JavaScript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=[!--classid--]&id=[!--id--]&doajax=1&ajaxarea=showpf&fen=4','EchoReturnedText','GET','');" class="four-stars">4</a></li>
<li><a href="JavaScript:makeRequest('/e/enews/?enews=AddInfoPfen&classid=[!--classid--]&id=[!--id--]&doajax=1&ajaxarea=showpf&fen=5','EchoReturnedText','GET','');" class="five-stars">5</a></li>
</ul>


上传以下图片:


[该贴被修改 2 次,最后修改时间 2008-08-21 10:41:24 ]


梦想设计 成就你的设计梦想
2008-08-21 10:36:38 已设置保密 顶部 回复 引用 报告 编辑 删除

禾火木风
用户头衔:嘉宾

精华贴   :11
发贴数   :5478
经验值   :14181
注册时间:2006-03-02
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]
效果如下
就是这个样子

上传以下图片:




梦想设计 成就你的设计梦想
2008-08-21 10:39:33 已设置保密 顶部 回复 引用 报告 编辑 删除

sghfxp
用户头衔:举人

精华贴   :0
发贴数   :149
经验值   :733
注册时间:2005-10-06
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

前排。。。。。




搜索ing...........
2008-08-21 10:45:30 已设置保密 顶部 回复 引用 报告 编辑 删除

yanggxu200
用户头衔:进士 *

精华贴   :1
发贴数   :666
经验值   :3067
注册时间:2006-11-07
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

很强大

[该贴被修改 1 次,最后修改时间 2008-08-21 10:46:36 ]


爱帝国
2008-08-21 10:46:02 已设置保密 顶部 回复 引用 报告 编辑 删除

hicode
用户头衔:版主

精华贴   :1
发贴数   :21646
经验值   :47915
注册时间:2007-07-20
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

好东西,支持




2008-08-21 10:46:10 已设置保密 顶部 回复 引用 报告 编辑 删除

455ax
用户头衔:探花

精华贴   :0
发贴数   :7144
经验值   :19059
注册时间:2007-05-29
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

多谢版主




2008-08-21 10:47:44 已设置保密 顶部 回复 引用 报告 编辑 删除

evpin
用户头衔:进士 *

精华贴   :0
发贴数   :453
经验值   :2232
注册时间:2007-07-01
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

牛人啊!



临渊羡鱼,不如退而结网. 走南网

2008-08-21 10:50:19 已设置保密 顶部 回复 引用 报告 编辑 删除

饮水思源
用户头衔:探花

精华贴   :0
发贴数   :4245
经验值   :10196
注册时间:2007-05-29
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 8 楼]





2008-08-21 10:57:44 已设置保密 顶部 回复 引用 报告 编辑 删除

flying
用户头衔:举人

精华贴   :0
发贴数   :398
经验值   :1055
注册时间:2007-11-15
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

好东西




2008-08-21 11:25:39 已设置保密 顶部 回复 引用 报告 编辑 删除

media848
用户头衔:进士

精华贴   :2
发贴数   :529
经验值   :2040
注册时间:2007-05-31
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 10 楼]

好东西!



www.68tuku.com
2008-08-21 12:28:54 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/17     1 2 3 4 5 6 7 8 9 10 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1