<!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=gb2312">
<meta name="Copyright" content="网页模板 http://www.moobnn.com/" />
<title>全屏自适应带标题和简要的js幻灯片轮播代码</title>
<LINK href="css/style.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<SCRIPT language=javascript src="js/ntes_jslib_1.x.js" type=text/javascript charset=gb2312></SCRIPT>
<div class="box">
<IMG class=arrow-img id=preimg style="LEFT: 11px; TOP: 169px" height=35 src="images/vindex_06.png" width=20><IMG class=arrow-img id=nextimg style="RIGHT: 10px; TOP: 169px" height=35 src="images/vindex_09.png">
<div class=scroll-box id=scroll-box>
<UL class=imgcon id=focus_img>
<LI class=on><A href="http://www.moobnn.com"><IMG height=349 alt=张柏芝谢霆锋往日至潮情侣装大盘点 src="images/img01.jpg" width=800></A>
<div class=tit-area-bg></div>
<div class=tit-area>
<H1 class=mctit><A href="http://www.moobnn.com">张柏芝谢霆锋往日至潮情侣装大盘点</A></H1>
<P>最近娱乐圈最受关注的新闻，就当属张柏芝谢霆锋分手的消息了，这对金童玉女的感情生活也历尽坎坷。离婚新闻是真是假，我们不得而知，但是这对“养眼”的明星夫妇一直是大家的时尚榜样。</P><SPAN class=blank20></SPAN><A href="http://www.moobnn.com"><IMG height=24 src="images/vindex_14.png" width=93></A> </div></LI>
<LI><A href="http://www.moobnn.com"><IMG height=349 alt=夏日小露香肩！魅惑男友心＂劲敌＂ src="images/img02.jpg" width=800></A>
<div class=tit-area-bg></div>
<div class=tit-area>
<H1 class=mctit><A href="http://www.moobnn.com">夏日小露香肩！魅惑男友心</A></H1>
<P>小露香肩绝对是女生耍心机玩性感的小妙招。都说女人最性感的部位就是肩部，让它若隐若现的展露，你的男友怎能还不拜倒在你的露肩小衣下？</P><SPAN class=blank20></SPAN><A href="http://www.moobnn.com"><IMG height=24 src="images/vindex_14.png" width=93></A> </div></LI>
<LI><a href="http://www.moobnn.com"><IMG height=349 alt=《最佳现场》李宇春不简单有心计？ src="images/img03.jpg" width=800></A>
<div class=tit-area-bg></div>
<div class=tit-area>
<H1 class=mctit><A href="http://www.moobnn.com">麦当娜Gaga希尔顿众多大牌遭艺术恶搞</A></H1>
<P>包括圣母版的麦当娜（Madonna ）、将头放进马桶的蜘蛛侠以及躺在圣母身边的超人、被偷窥的梦露以及暴露的Lady Gaga等，帕里斯（Paris Hilton）更是全裸出镜</P><SPAN class=blank20></SPAN><A href="http://www.moobnn.com"><IMG height=24 src="images/vindex_14.png" width=93></A> </div></LI>
<LI><A href="http://www.moobnn.com"><IMG height=349 alt=“可乐”女孩度假风！大秀清爽
src="images/img04.jpg" width=800></A>
<div class=tit-area-bg></div>
<div class=tit-area>
<H1 class=mctit><A href="http://www.moobnn.com">可乐”女孩度假风！大秀清爽</A></H1>
<P>浪漫的假期，慵懒的海边，穿出满分的性感甜美味才能算得上是完美的旅行。飘逸的长裙在海边，无论是防晒还是参加海边party都会让你美美的</P><A href="http://www.moobnn.com"><IMG height=24 src="images/vindex_14.png" width=93></A></div></LI></UL></div>
<UL class=imgmenu id=focus_menu>
<LI class=on></LI>
<LI></LI>
<LI></LI>
<LI></LI></UL></div>
<SPAN class=blank20></SPAN>
<SCRIPT language=javascript src="js/chinazjs.js" type=text/javascript charset=gb2312></SCRIPT>
<SCRIPT language=javascript type=text/javascript charset=gb2312>
//<![CDATA[
var Scrl = function(){
var t = this, body = document.getElementById("focus_img"),
bWidth = NTES.one("#focus_img> li").offsetWidth * NTES("#focus_img> li").length;
t._ctrls = $("#focus_menu> li"),
t._len = t._ctrls.length,
t._step = bWidth / t._len,
t.index = 0;
t._scrl = new NTES.ui.Scroll(body, 'x');
t._ctrls.each(function(i){
$(this).addEvent("mouseover", t.show.bind(t, i), i);
});
NTES("#preimg").addEvent("click", function(e){
e.preventDefault();
t.show(--t.index);
});
NTES("#nextimg").addEvent("click", function(e){
e.preventDefault();
t.show(++t.index);
});
t.show(0);
}
Scrl.prototype = {
show: function(i){
var t = this;
t.index = i < 0 ? t._len - 1 : i > t._len - 1 ? 0 : i;
t._scrl.onStart = function(){
t._ctrls.removeCss("on");
t._ctrls.$(t.index).addCss("on");
}
t._scrl.scrollTo(t._step * t.index);
}
}
function repeat(){
fcs.show(++fcs.index);
}
var fcs = new Scrl();
var timer = setInterval(repeat, 4000),slideBody=NTES("#scroll-box");
slideBody.addEvent("mouseover", function(e){
if(timer !== undefined){
clearTimeout(timer);
timer = undefined;
}
}).addEvent("mouseout", function(){
if(timer === undefined){
timer = setInterval(repeat, 4000);
}
});
//]]>
</SCRIPT>
<p align="center" style="font-size:12px;">适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p align="center" style="font-size:12px;">来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</body>
</html>
全屏自适应带标题的js幻灯片.zip （16个子文件） 
全屏自适应带标题的js幻灯片 
全屏自适应带标题的js幻灯片.jpg 76KB jiaoben78 css 
style.css 2KB images img04.jpg 61KB
vindex_06.png 439B img01.jpg 63KB vindex_22.png 309B vindex_14.png 506B img02.jpg 85KB vindex_03.png 654B Thumbs.db 735KB img03.jpg 91KB vindex_20.png 334B vindex_09.png 434B
index.html 5KB js chinazjs.js 6KB ntes_jslib_1.x.js 18KB资源评论
