<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>new document</TITLE>
<META content="MSHTML 6.00.2900.3314" name=GENERATOR>
<META content=handy name=author>
<META http-equiv=content-type content="text/html; charset=utf-8">
<script src="../jquery-1.2.5.pack.js" type="text/javascript"></script>
<STYLE> {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; moz-user-select: none
}
#nav {
BACKGROUND: url(images/loadsmall.gif) #000 no-repeat 330px 100px; OVERFLOW: hidden; WIDTH: 760px; POSITION: relative; HEIGHT: 240px
}
#nav UL {
Z-INDEX: 999; LEFT: 3px; BOTTOM: 0px; POSITION: absolute; TEXT-ALIGN: left
}
#nav UL LI {
DISPLAY: block; FONT-WEIGHT: 900; FONT-SIZE: 12px; FLOAT: left; WIDTH: 140px; COLOR: #aaa; FONT-FAMILY: Arial; POSITION: relative; HEIGHT: 50px
}
#nav LI DIV {
MARGIN-TOP: 5px; PADDING-LEFT: 10px; MARGIN-LEFT: 70px
}
#nav LI IMG {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; FILTER: alpha(opacity=60); LEFT: 10px; FLOAT: left; BORDER-LEFT: #fff 1px solid; WIDTH: 52px; CURSOR: pointer; MARGIN-RIGHT: 4px; BORDER-BOTTOM: #fff 1px solid; POSITION: absolute; TOP: 5px; HEIGHT: 35px; moz-opacity: 0.6
}
#frontText {
FONT-WEIGHT: 900; FONT-SIZE: 30px; Z-INDEX: 999; LEFT: 20px; WIDTH: 100%; COLOR: #fff; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 20px
}
#frontTextBack {
FONT-WEIGHT: 900; FONT-SIZE: 30px; LEFT: 22px; WIDTH: 100%; COLOR: #000; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 22px
}
#frontTextSub {
FONT-SIZE: 13px; LEFT: 25px; WIDTH: 100%; COLOR: #fff; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 60px
}
#BG {
BORDER-TOP: #999 1px solid; BACKGROUND: #000; FILTER: alpha(opacity=60); WIDTH: 100%; BOTTOM: 0px; POSITION: absolute; HEIGHT: 50px; TEXT-ALIGN: right; moz-opacity: 0.6
}
#mask {
Z-INDEX: 990; BACKGROUND: url(mask.gif); LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
#back {
TEXT-ALIGN: center
}
.gray {
FILTER: Gray()
}
</STYLE>
</HEAD>
<BODY onselectstart="return false" scroll=no topmargin=0 leftmargin=0>
<DIV id=nav>
<UL>
<LI><IMG src="images/02.jpg" text="美景如画的海景|天蓝海蓝" pic="2">
<DIV>一个海岛</DIV></LI>
<LI><IMG src="images/01.jpg" text="Handy Code|春华秋实" pic="1">
<DIV>一片麦穗</DIV></LI>
<LI><IMG src="images/03.jpg" text="郁郁葱葱的生命|生生不息的生命" pic="3">
<DIV>一树绿叶</DIV></LI>
<LI><IMG src="images/04.jpg" text="孤独的一棵老树|等谁呢？" pic="4">
<DIV>一棵大树</DIV></LI>
<LI><IMG src="images/05.jpg" text="明媚的向日葵花|生生不息的生命" pic="5">
<DIV>一地葵花</DIV></LI>
</UL>
<DIV id=frontTextBack></DIV>
<DIV id=frontText></DIV>
<DIV id=frontTextSub></DIV>
<DIV id=BG></DIV>
<DIV id=mask></DIV>
<DIV id=back><IMG height=240 src="" width=760></DIV>
</DIV>
<SCRIPT type=text/javascript>
<!--
var num = 0;
$("#nav").hide();
$("li img").load(function(){
num++;
if (num==4)
{
$("#nav").show();
}
})
.click(function(){
//如果已经处于active状态，return
if (this.className.indexOf("active")!=-1) return;
//正文文字渐隐
$("#frontText").fadeOut();
$("#frontTextBack").fadeOut();
$("#frontTextSub").fadeOut();
//active状态的图片恢复原样
$("li img.active").fadeTo(200,0.6)
.removeClass("active")
.animate({top:5,width:52,left:10},300)
.parent().css({"color":"#aaa"}); //
//获取数据
var i = $(this).attr("pic");
var t = $(this).attr("text").split("|");
//当前
$(this).animate({top:-5,width:70,height:40,left:1},100)
.addClass("active")
.fadeTo(200,1)
.parent().css({"color":"white"});
$("#back").children().addClass("gray").end()
.fadeTo(500,0.1,function(){
//var IMG = new Image();
//IMG.s
$(this).children("img").attr("src","images/"+i+".jpg").removeClass("gray"); //更改图片
$(this).fadeTo(500,1,function(){
$("#frontText").html(t[0]).fadeIn(200); //更改正文文字
$("#frontTextBack").html(t[0]).fadeIn(200); //阴影文字
$("#frontTextSub").html(t[1]).fadeIn(200)} //副标题
);
})
})
//初始第一张图片
var i =0;
show();
function show(){
if (i==$("li img").size()) i = 0
$("li img").eq(i).click();
i++;
//setTimeout(show(),1000);
}
document.oncontextmenu = function(e){return false}
if (self.location.search!=""){
var V = self.location.search;
V = V.substr(1,V.length);
eval(V);
var json ="{";
if (option.skin==0)
$("#mask").hide();
if (option.animate == 0){
$("#nav ul").hide();
}
$("#nav").width(option.width?option.width:760);
$("#nav").height(option.height?option.height:240);
$("#back img").width($("#nav").width());
$("#back img").height($("#nav").height());
$(self.parent.document.getElementById("splash")).children().height($("#nav").height()).width($("#nav").width());
}
//-->
</SCRIPT>
<br/><br/><br/><br/>
</BODY>
</HTML>
jQuery---2款流行的广告效果.rar （40个子文件） 
jQuery---2款流行的广告效果 
jquery-1[1].2.1.pack.js 27KB scrollcn 1.htm 5KB 1 
li_image.gif 278B btn_prev.gif 350B
c00d230fbc41140319a1ff901fdbe9c4_1_48_20.jpg 2KB bg_transparent.gif 245B e8bbb9f5e00523d5528615a835201266_1_48_20.jpg 2KB bg_more_gray.gif 157B btn_next.gif 347B 354a2840f556bfeaf96c84a00cbe09ac_1_48_20.jpg 2KB 7bb09aff47d9393658b0385f2aabf5a5_1_48_20.jpg 1KB 47426_252416.jpg 30KB 55f1457fa8f165d95fa3ee8f5eb4422a_1_48_20.jpg 1KB 47469_252798.jpg 80KB 47468_252784.jpg 76KB 4d39c524100fd0385e7c9de82efd8e33_1_48_20.jpg 2KB 47457_252699.jpg 29KB show.css 2KB Thumbs.db 587KB 47526_253407.jpg 14KB slide.js 2KB icon_up.gif 233B 3e85fb19e8c09f630f68a9b5120fa264_1_48_20.jpg 1KB 47492_253130.jpg 32KB 47464_252767.jpg 72KB jquery-1.2.5.pack.js 30KB jquerydirection demo.htm 5KB images 5.jpg 45KB 3.jpg 53KB 02.jpg 1018B 01.jpg 1KB 05.JPG 2KB loadsmall.gif 9KB 4.jpg 38KB 03.jpg 1KB 04.jpg 2KB 2.jpg 20KB 1.jpg 56KB Thumbs.db 27KB 06.jpg 2KB资源评论
guyinghanfeng
- 粉丝: 0
- 资源: 6
最新资源
- 黑田精工滚珠丝杠内页1-156.pdf
- 西班牙柯尔特技术资料.pdf
- 台湾ABBA滚珠丝杠产品样本.pdf
- 丝杆_台湾银泰C_Precision_BS.pdf
- 王冲 231401180.zip
- VID_20250102_125915.mp4
- 机械设计制糖压平机sw18非常好的设计图纸100%好用.zip
- 3afc0c4129e46b95f2ebb2ed8cbafc0c_1735789077661_7
- 汇川PLC编写，设备状态机的实现以及实际案例使用，针对设备的多种状态进行区分，有单独状态和叠加态的实现方式
- 湖南科技大学数据库课程实验报告 题目一：学生信息管理系统
- 风光并网对电网电能质量的影响仿真建模 matlab simulink 在模型中主要体现的就是不同容量的光伏、风电接入，对并网点的电压影响情况 考虑到我国的地理因素以及气候影响问题，我国的风电开
- 机械设计转盘压合机sw18非常好的设计图纸100%好用.zip
- 机械结构动态图-材料力学.zip
- 机械结构动态图-摆盘机构天花板风扇等.zip
- 机械结构动态图-300例机械传动装置.zip
- 机械结构动态图-常见的包装方式.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
