首先,感谢cvq 发布的 [原创]焦点幻灯FLASH图片轮换循环语句终级解决方案 连接地址:http://bbs.kesion.com/dispbbs.asp?boardid=41&Id=63540
没有这个帖子,我是做不出来滴!再次感谢。
推荐一款《科讯V6标签清单查询软件V2.0正式版!》下载地址:http://bbs.kesion.com/dispbbs.asp?boardid=41&Id=133658
接着,我们来看一下幻灯的效果:http://luxury.pclady.com.cn/ 看这个页面上面的幻灯就是那个大的,就是我们想要的效果了!!
SQL参数部分:
=================
select top 10 ID,title,Picurl from KS_Article where slide=1 and Verific=1 and deltf=0 order by id desc
=================
SQL循环部分:
=================
以下内容只有回复后才可以浏览,请先登录! =================
CSS部分:
=================
.focusPic{width:595px; margin:10px 0 0 5px; position:relative;}
.focusPic .picMark{width:100%;height:30px; background:#000; opacity:0.5;filter:alpha(opacity=50); position:absolute; bottom:0; left:0;}
.focusPic .pagination{width:100%;height:20px;clear:both;position:absolute;top:355px;right:0px;}
.focusPic .pagination .subLineTab{width:100%;display:none;}
.focusPic .pagination .subPageTab{float:right}
.focusPic .pagination a{width:20px; height:16px; padding-top:4px;display:inline;float:left;text-align:center;line-height:14px;text-decoration:none;font-weight:bold;margin-right:5px;color:#FFF; border:1px solid #595a63; background:#323139;}
.focusPic .pagination a:hover,.focusPic .pagination a.selected{width:22px; height:18px;background:url(http://www1.pclady.com.cn/global/2009/images_d/luxury/luxury_focusbg.gif) no-repeat; border:none;}
.focusPic .contentdiv .pPic{height:380px;width:600px;}
.focusPic .contentdiv .pTitle{width:300px;height:28px;line-height:28px;color:#FFF;position:absolute;top:353px;left:10px;color:#FFF; font-size:16px; font-weight:bold;}
.focusPic .contentdiv .pTitle a{color:#FFF;}
.contentdivone {display:block;}
img { border:none}
*{ margin:0; padding:0}
=================
JS部分
=================
[replyview]
[/replyview]
JS在压缩包内,自行解压。调用到模板里这个我不用说了吧。。。。
如果感觉这个有问题,还是老实用官方的幻灯片吧。呵呵。
本教程由虚拟主机 域名注册 域名快速备案 网站制作等业务。
新网互联分销平台 全程无人值守开启空间域名!只要有支付宝就能用哦!
域名快速备案 3天通过。09新号,独立备案号。