<!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>通栏自适应浏览器宽度的Banner幻灯片</title>
<link rel="stylesheet" type="text/css" href="style/Vizo-style.css" media="all" />
<script type="text/javascript" src="script/jquery-1.6.2.min.js">
</script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$(".item1").hover(function(){$("#tit_fc1").slideDown("normal"); }, function() {$("#tit_fc1").slideUp("fast");});
$(".item2").hover(function(){$("#tit_fc2").slideDown("normal"); }, function() {$("#tit_fc2").slideUp("fast");});
$(".item3").hover(function(){$("#tit_fc3").slideDown("normal"); }, function() {$("#tit_fc3").slideUp("fast");});
$(".item4").hover(function(){$("#tit_fc4").slideDown("normal"); }, function() {$("#tit_fc4").slideUp("fast");});
});
var currentindex=1;
$("#flashBg").css("background-color",$("#flash1").attr("name"));
function changeflash(i) {
currentindex=i;
for (j=1;j<=5;j++){//此处的5代表你想要添加的幻灯片的数量与下面的5相呼应
if (j==i)
{$("#flash"+j).fadeIn("normal");
$("#flash"+j).css("display","block");
$("#f"+j).removeClass();
$("#f"+j).addClass("dq");
$("#flashBg").css("background-color",$("#flash"+j).attr("name"));
}
else
{$("#flash"+j).css("display","none");
$("#f"+j).removeClass();
$("#f"+j).addClass("no");}
}}
function startAm(){
timerID = setInterval("timer_tick()",8000);//8000代表间隔时间设置
}
function stopAm(){
clearInterval(timerID);
}
function timer_tick() {
currentindex=currentindex>=5?1:currentindex+1;//此处的5代表幻灯片循环遍历的次数
changeflash(currentindex);}
$(document).ready(function(){
$(".flash_bar div").mouseover(function(){stopAm();}).mouseout(function(){startAm();});
startAm();
});
//]]>
</script>
<!--[if IE 6]>
<script type="text/javascript" src="script/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
//<![CDATA[
DD_belatedPNG.fix('.flash_bar,#tit_fc1,#tit_fc2,#tit_fc3,#tit_fc4,#flashLine,#leftIcon1,#leftIcon2,#leftIcon3');
//]]>
</script>
<![endif]-->
</head>
<body style="background:#eee;">
<!--Logo & Navigation Start-->
<!--Logo & Navigation End-->
<!--Slide & Banner Start-->
<div id="Slidebox">
<!--flash begin-->
<div id="flashBg">
<div id="flashLine">
<div id="flash">
<a name="#e0b98b" style="display:block;" id="flash1" target="_blank" href="###"><img src="images/Slides-1.png" width="1000" height="388"></a>
<a name="#6b9a7a" style="display:block" id="flash2" target="_blank" href="Conference.html"><img src="images/Slides-2.png" width="1000" height="388"></a>
<a name="#082841" id="flash3" target="_blank" href="ProductFeatures.html"><img src="images/Slides-3.png" width="1000" height="388"></a>
<a name="#9f9d60" id="flash4" target="_blank" href="ProductValue.html"><img src="images/Slides-4.png" width="1000" height="388"></a>
<a name="#c53652" id="flash5" target="_blank" href="###"><img src="images/Slides-5.png" width="1000" height="388"></a>
<div class="flash_bar">
<div class="dq" id="f1" onclick="changeflash(1)"></div>
<div class="no" id="f2" onclick="changeflash(2)"></div>
<div class="no" id="f3" onclick="changeflash(3)"></div>
<div class="no" id="f4" onclick="changeflash(4)"></div>
<div class="no" id="f5" onclick="changeflash(5)"></div>
</div>
</div>
</div>
</div>
<!--flash end-->
</div>
<!--Slide & Banner End-->
<!--RollingNews Start-->
<!--RollingNews End-->
<!--FeatureContent start-->
<!--FeatureContent end-->
<!--Four Signs content start-->
<!--Four Signs content end-->
<!--Footer start-->
<!--Footer end-->
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
两种很不错的banner.rar (33个子文件)
banner
script
DD_belatedPNG_0.0.8a-min.js 7KB
jquery-1.6.2.min.js 89KB
slide.html 4KB
images
Slides-4.png 489KB
pagination2.png 45KB
touming.png 121B
Footer_bg.jpg 3KB
head-top_bg.jpg 3KB
Footer_bg2.jpg 4KB
Slides-5.png 527KB
pagination.png 2KB
mainConterntWrapMiddle_bg.jpg 1KB
mainConterntWrapFooter_bg.jpg 6KB
Slides-2.png 427KB
ColumnContent_bg.jpg 7KB
main-bg.jpg 4KB
Slides-1.png 442KB
Slides-3.png 348KB
tg_flashbar2.png 19KB
tg_flashbar.png 17KB
mainConterntWrapTop_bg.jpg 4KB
ForDetailsButton.png 10KB
slider_arrows.png 613B
style
Vizo-style.css 38KB
ssss
5.jpg 59KB
2012517154036454.jpg 5KB
3.jpg 66KB
ssss.html 1KB
4.jpg 65KB
2.jpg 68KB
2010913254938.js 10KB
201091365264.swf 14KB
1.jpg 60KB
共 33 条
- 1
资源评论
- wangchunhai2015-04-20一般呀,有待改善
- 懒的像猫一样的熏儿2013-05-31这个确实是不错的。但是你的投机取巧也是让我很是无语的。 不过幸好这个代码还是可以改正的。 经过我改了之后还是可以达到全屏的。虽然IE6不支持。 但是现在基本上就有人忘记IE6的存在了。 还是要谢谢你的
- nssna2013-09-18就是一个登录界面,没有js,改起来不方便
- nosimple_20122014-12-24兼容性不是很好。不过修修改改还是可以的!
南郭未末
- 粉丝: 44
- 资源: 35
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功