<!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>纯JS图文切换</title>
<link href="images/DAdvert.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="images/DAdvert.js"></script>
<script language="javascript">
var $
function initAdv() {
$ = new DAdvert( 'divAdvert', 'divAdvert_Nav', 5000 )
$.Player( 1, true )
}
</script>
</head>
<body onload="initAdv()">
<div id="divAdvert" class="divAdvert">
<ul>
<li><a href="http://cdinfo.0fees.net"><img src="images/advert_01.jpg" alt="美女1"/></a></li>
<li class="divAdvert_Title"><label>美女1</label></li>
</ul>
<ul>
<li><a href="http://cdinfo.0fees.net"><img src="images/advert_02.jpg" alt="美女2"/></a></li>
<li class="divAdvert_Title"><label>美女2</label></li>
</ul>
<ul>
<li><a href="http://cdinfo.0fees.net"><img src="images/advert_03.jpg" alt="美女3"/></a></li>
<li class="divAdvert_Title"><label>美女3</label></li>
</ul>
<ul>
<li><a href="http://cdinfo.0fees.net"><img src="images/advert_04.jpg" alt="美女4"/></a></li>
<li class="divAdvert_Title"><label>美女4</label></li>
</ul>
<ul>
<li><a href="http://cdinfo.0fees.net"><img src="images/advert_05.jpg" alt="美女5"/></a></li>
<li class="divAdvert_Title"><label>美女5</label></li>
</ul>
<ul>
<li><a href="http://cdinfo.0fees.net"><img src="images/advert_06.jpg" alt="美女6"/></a></li>
<li class="divAdvert_Title"><label>美女6</label></li>
</ul>
<ul>
<li><a href="http://cdinfo.0fees.net"><img src="images/advert_07.jpg" alt="美女7"/></a></li>
<li class="divAdvert_Title"><label>美女7</label></li>
</ul>
<div id="divAdvert_Nav" class="divAdvert_Nav">
<ul>
<li>7</li>
<li>6</li>
<li>5</li>
<li>4</li>
<li>3</li>
<li>2</li>
<li>1</li>
</ul>
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
有人可能要问没事写这个干什么,还要十分,这玩意儿网上不是有一大难吗? 只因网上的代码要么堆在一起,要么CSS+JSS在一个页面,要么就是使用第三方JS库(如果你做一个大的项目,随着越向后你就会发现需要引用的文件太多了,多就多吧.糟糕的是有冲突,恼火了吧),要么就是要改文件(JQuery这些JS库写的东西,你要加个事件改个样式痛苦了吧,重要的是有些还不开源),总之就是真实使用的过程中麻烦. 我这个小东西一目了然,结构清楚,简单明确,没有使用任何第三方JS库.如果和数据相关联,你会发现只要把数据for一个就OK了,代码虽简单,但却实用,易用,可用.(如果你下载看源码,第一感觉应该是太简单.是的,太简单.使用太简单,修改太简单,代码太简单;功能却很完善.如果你够聪明,你会发现还可以更简单,更容易,因为代码组织的太好了.你想怎么改就可以怎么改) 1.完全的面向对象化编程,已将核心封装在一个JS类里 2.CSS样式完全自定义,已定义一个单独的文件 3.使用极为方便(只要看下示例源码,两分钟不会的你踢我) 4.页面简洁,易读易修改(CSS、JS完全独立了)
资源推荐
资源详情
资源评论
收起资源包目录
JS图文广告切换.zip (10个子文件)
images
advert_03.jpg 319KB
advert_01.jpg 241KB
advert_04.jpg 155KB
advert_05.jpg 144KB
advert_02.jpg 378KB
DAdvert.js 1KB
advert_06.jpg 107KB
advert_07.jpg 118KB
DAdvert.css 1KB
index.html 2KB
共 10 条
- 1
资源评论
- 紫霞墨曲2014-04-21一般般而已
- 魔幻大校2015-05-09还不错,挺简单,但是鼠标点击图片序号怎么没反应?我是Opera 29.0浏览器。
- miaos0062013-08-12不用FLASH,方便多了
- 百衲本2012-11-11用起来很方便也很漂亮
ybhgl
- 粉丝: 14
- 资源: 13
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功