看到迅雷看看的幻灯后很想仿一个.经过几十分钟的加工,终于成功.
现放出代码:
先看一下看看的源代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿迅雷滚动影视</title>
<link href="images/movie_index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="images/prototype.js"></script>
</head>
<body>
<div class="flashbox">
<div id="SwitchBigPic">
<div><a href="Http://www.111mov.cn/Teleplay/Taiwan/24506/"><img src="Http://www.111mov.cn/template/xunlei/images/index/a7b680e65bb64dccd05595bc8adcd752.jpg" class="pic" alt="我的亿万面包" /></a></div>
<div><a href="Http://www.111mov.cn/Movie/Comedy/26021/"><img src="Http://www.111mov.cn/template/xunlei/images/index/6c1506d494b49bd5290ce4abc9f54e94.jpg" class="pic" alt="我的酒鬼女友" /></a></div>
<div><a href="Http://www.111mov.cn/Movie/Action/20885/"><img src="Http://www.111mov.cn/template/xunlei/images/index/c25cd352221d4f9123b2e0f54a5b8c56.jpg" class="pic" alt="007:大破量子危机" /></a></div>
<div><a href="Http://www.111mov.cn/Teleplay/Occident/19026/"><img src="Http://www.111mov.cn/template/xunlei/images/index/c66c70601b3aad79dc854788ad97a61b.jpg" class="pic" alt="二十四小时 第六季" /></a></div>
<div><a href="Http://www.111mov.cn/Movie/Animation/13052/"><img src="Http://www.111mov.cn/template/xunlei/images/index/fcc32270b78c90b4e8e00cbcf8a408eb.jpg" class="pic" alt="功夫熊猫" /></a></div>
</div>
<ul id="SwitchNav">
<li><a href="Http://www.111mov.cn/Teleplay/Taiwan/24506/"><strong>我的亿万面包</strong>林依晨郑元畅再度浪漫牵手<img src="Http://www.111mov.cn/template/xunlei/images/index/dde6941f2f172a0b660274d0a1534f85.jpg" /></a></li>
<li><a href="Http://www.111mov.cn/Movie/Comedy/26021/"><strong>我的酒鬼女友</strong>韩国搞笑影片 老处女也有春天<img src="Http://www.111mov.cn/template/xunlei/images/index/f213715c1c73bd188fea42c5f687e68b.jpg" /></a></li>
<li><a href="Http://www.111mov.cn/Movie/Action/20885/"><strong>007:大破量子危机</strong>克雷格:让动作更粗糙一些 <img src="Http://www.111mov.cn/template/xunlei/images/index/cd5af0cbdc3b5b5544afda2d4a35713a.jpg" /></a></li>
<li><a href="Http://www.111mov.cn/Teleplay/Occident/19026/"><strong>二十四小时 第六季</strong>杰克·鲍尔拯救了美国乃至全世界<img src="Http://www.111mov.cn/template/xunlei/images/index/278830ea92a0d6979ccff9fcb9192066.jpg" /></a></li>
<li><a href="Http://www.111mov.cn/Movie/Animation/13052/"><strong>功夫熊猫</strong>往往在逃避命运的路上,却与之不期而遇<img src="Http://www.111mov.cn/template/xunlei/images/index/65de9819dad22097c8306ee54a7913f9.jpg" /></a></li>
</ul>
</div>
<script>
var bigswitch = new SwitchPic(
{
bigpic:"SwitchBigPic",
switchnav:"SwitchNav",
selectstyle:"selected",
objname:"bigswitch"
}
) ;
bigswitch.goSwitch(bigswitch,0);
bigswitch.autoSwitchTimer = setTimeout("bigswitch.autoSwitch(bigswitch) ;", 3000);
</script>
</html>
---------------------分割线---------------------
我们可以看到红色的部分就是要做成标签的地方.
其实用不到什么特别的东西.
要注意的一点就是<li><a href="Http://www.111mov.cn/Teleplay/Taiwan/24506/"><strong>我的亿万面包</strong>林依晨郑元畅再度浪漫牵手<img src="Http://www.111mov.cn/template/xunlei/images/index/dde6941f2f172a0b660274d0a1534f85.jpg" /></a></li>
加粗下划线的地方是小图地址,我用了一个自定义字段,起名为"smallphoto"文本框,放入小图地址
斜体下划线的地方是导读而由于我用在一个美食站上,我放的是美食经营范围,新建一个自定义字段就行了.
当然也可以用导读.
下面放入SQL标签
第一个标签 [loop=5]
[/loop] 第二个标签 [loop=5]
{$Field(Title,Text,14,...,0,)}{$Field(KS_cymsjylx,Text,14,...,0,)}[/loop] -----------------------分割线又到-------------------------- 里面用到一个JS和一个CSS还有一个背景图片
------------------------------------ 添加标签后的代码:
{SQL_看看幻灯1()}
{SQL_看看幻灯2()}
相信大家都看明白了吧. 申请精华,谢谢 [/replyview]
以下内容只有回复后才可以浏览,请先登录! 第一个标签 [loop=5]
[/loop] 第二个标签 [loop=5]
{$Field(Title,Text,14,...,0,)}{$Field(KS_cymsjylx,Text,14,...,0,)}[/loop] -----------------------分割线又到-------------------------- 里面用到一个JS和一个CSS还有一个背景图片
------------------------------------ 添加标签后的代码:
{SQL_看看幻灯1()}
{SQL_看看幻灯2()}
相信大家都看明白了吧. 申请精华,谢谢第一个标签 [loop=5]
[/loop] 第二个标签 [loop=5]
{$Field(Title,Text,14,...,0,)}{$Field(KS_cymsjylx,Text,14,...,0,)}[/loop] -----------------------分割线又到-------------------------- 里面用到一个JS和一个CSS还有一个背景图片
------------------------------------ 添加标签后的代码:
{SQL_看看幻灯1()}
{SQL_看看幻灯2()}
相信大家都看明白了吧. 申请精华,谢谢
第一个标签 [loop=5]
图片已经失效,部分操作可能将无法观摩!