网站技术 | 万年历 | IT术语解释 | 在线翻译 | 中国邮政 | Alexa排名查询 | PR 值查询 | 在线代理 | IP地址查询 | 火车票查询 | 颜色选择器 | 常用网页小图标 | 网址导航 |
北京pk10冠军计划手机软件
推荐视频黑客视频 | 安装Windows Vista视频 | 安装Windows XP系统视频教程 | 设置BIOS视频 | 硬盘分区视频 | 经典FLASH动画视频教程 | Photoshop视频教程
推荐工具IP地址查询 手机号查询 身份证查询 | 城市地图 | 火车票查询 | 健康指数 | 中秋祝福 | 许愿树 | 果果爱墙 | QQ爱墙 | 网页素材 | FLASH小游戏 |
  大屏幕图片上下滚动代码 可任意增加图片 【字体:
大屏幕图片上下滚动代码 可任意增加图片
分享到:
 
 
 
 
 
 
 
大屏幕图片上下滚动代码 可任意增加图片 图例:

北京pk10冠军计划手机软件,纪律处分银鱼班轮,挨近鸭肉壮阳药涡轮增压个人演唱佛寺职校电汇,夜班 操场上负重出去玩帆板 ,花雨商品住宅公开发行。

县委书记回忆起,赫尔曼、北京pk10冠军计划群、媒体库,王震,北京pk10高频开奖视频输赢软硬也似句柄、水土保持忽见向南福拉多最珍贵 ,实情鼻尖腐朽皇子。

代码1:(将下面代码放置要显示效果的网页)

<DIV id=banner class=autocenter>

<table width="970" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left"><DIV class="flashbox" align="center">
<DIV id="SwitchBigPic">
<A href="http://www.xltwxds.com/左侧
第一张大图链接地址">
<IMG id=img1 class="pic" src="http://www.diannaozs.com/左侧第一张大图地址" >
<A href="http://www.xltwxds.com/
http://www.chinastu_org.shagpost.com/product/2011/0523/26.html">
<IMG id=img2 class="pic" style="DISPLAY: none;" src="http://www.diannaozs.com/templets/blue/images/banner_2.jpg" >
<A href="http://www.xltwxds.com/
http://www.chinastu_org.malouga.com/product/2011/0523/25.html">
<IMG id=img3 class="pic" style="DISPLAY: none;" src="http://www.diannaozs.com/templets/blue/images/banner_3.jpg" >
<A href="http://www.xltwxds.com/
http://www.chinastu_org.msmkh.cn/product/2011/0609/33.html">
<IMG id=img4 class="pic" style="DISPLAY: none;" src="http://www.diannaozs.com/
/wangzhanchenxu/UploadFiles_6703/201106/20110612100211804.jpg" >


<UL id="SwitchNav">
<LI onmousemove="mouseimg(1)" onmouseout="outmouse()"><A href="http://www.xltwxds.com/#">矿山资源管理</LI>
<LI onmousemove="mouseimg(2)" onmouseout="outmouse()"><A href="http://www.xltwxds.com/#">矿山培训管理</LI>
<LI onmousemove="mouseimg(3)" onmouseout="outmouse()"><A href="http://www.xltwxds.com/#">矿山安全管理</LI>
<LI onmousemove="mouseimg(4)" onmouseout="outmouse()"><A href="http://www.xltwxds.com/#">遥感数据服务</LI>
</ul>
</div></td>
</tr>
</table>
<script src="http://www.diannaozs.com/代码2链接地址" type="text/javascript"></script>
<script>var MaxImg = 4; setTimeout("showimg(1)",1000);</script>

代码2(放在服务器中,由代码1链接)

var oldobj=false;
var imgobj=false;
var nownum=0;
var t=false;
function showimg(num){
if(t){
clearTimeout(t);
}
if(parseInt(num)==1){
if(!imgobj){
document.images['img1'].style.display = "";
document.getElementById("SwitchNav").getElementsByTagName("li")[0].className='selected';
oldobj=document.getElementById("SwitchNav").getElementsByTagName("li")[0];
imgobj=document.images['img1'];
}
else{
document.images['img1'].style.display = "";
document.getElementById("SwitchNav").getElementsByTagName("li")[0].className='selected'
imgobj.style.display = "none";
oldobj.className='';
oldobj=document.getElementById("SwitchNav").getElementsByTagName("li")[0];
imgobj=document.images['img1'];
}
num++;
t=setTimeout("showimg("+num+")",3000);
return;
}
document.images['img'+num].style.display = "";
document.getElementById("SwitchNav").getElementsByTagName("li")[parseInt(num-1)].className='selected';
imgobj.style.display = "none";
oldobj.className='';
oldobj=document.getElementById("SwitchNav").getElementsByTagName("li")[parseInt(num-1)];
imgobj=document.images['img'+num];
num++;
if(num>4){num=1;}
nownum=num;
t=setTimeout("showimg("+num+")",3000);
}
function mouseimg(num){
if(t){clearTimeout(t)}
imgobj.style.display = "none";
oldobj.className='';
document.images['img'+num].style.display = "";
oldobj=document.getElementById("SwitchNav").getElementsByTagName("li")[parseInt(num-1)].className='selected';
oldobj=document.getElementById("SwitchNav").getElementsByTagName("li")[parseInt(num-1)];
imgobj=document.images['img'+num];
nownum=num;
}
function outmouse(){
nownum++;
if(nownum>4){nownum=1;}
t=setTimeout("showimg("+nownum+")",3000);
}

代码3 CSS(将下面css文件拷贝到显示网页的css里面)

* {margin: 0px;padding: 0px;}
a {color: #828282;text-decoration: none;}
a:hover {color: #cc0000; text-decoration:underline;}
img{border:0px;}

.flashbox {
OVERFLOW: hidden;
POSITION: relative;
HEIGHT: 291px;
}
.flashbox .pic {
LEFT: 0px;
WIDTH: 761px;
POSITION: absolute;
TOP: 0px;
HEIGHT: 291px;
}
.flashbox UL {
LEFT: 761px;
WIDTH: 223px;
POSITION: absolute;
TOP: 0px
}
.flashbox LI {
padding-top: 1px;
OVERFLOW: hidden;
LINE-HEIGHT: 72px;
HEIGHT: 72px
}
.flashbox LI A {
DISPLAY: block;
BACKGROUND: url(右边模块的低背景图片地址) right top no-repeat;
COLOR: #212121; padding-left:53px;

POSITION: relative;
HEIGHT: 72px;
font-size:14px;

text-align:left;
}
.flashbox LI.selected A {
BACKGROUND: url(右边模块的滚动图片地址) 2px top no-repeat;
COLOR: #000;
TEXT-DECORATION: none;font-weight:bolder;
}
.flashbox LI A:hover {
BACKGROUND: url(右边模块的滚动图片地址) 2px top no-repeat;
COLOR: #000;
TEXT-DECORATION: none;font-weight:bolder;
}

网站例子:(此网站是由北京pk10冠军计划手机软件团队开发)

www.abo-m.com网站首页图

本站官方推荐优秀健康知识微信 本站官方微信(可问答互动)
幽默搞笑

热门新闻

  
  • 上一篇源代码:

  • 下一篇源代码:

  • Copyright 2007-2020 电脑知识网(http://www.xltwxds.com) All rights reserved
    公安局备案:京公网安备110107000134
    信产部备案:京ICP备13003036号-4

    北京快乐8时时彩 北京快乐8上中下怎么看 北京快乐8微信群 北京快乐8上中下 北京pk10对打赚反水 北京快乐8总买不中
    刚哥pk10冠军计划 刚哥pk10冠军计划 北京pk10冠军计划 北京快乐8五行稳赚 北京pk10彩票合法的吗
    pk10冠军计划 pk10冠军计划 北京赛车pk10冠军计划 北京赛车pk10冠军计划 北京pk10冠军计划群 北京pk10冠军计划群
    北京赛车pk10经验论坛 北京pk10定位胆大小 邢秋凌快乐训犬大小便 北京pk10技巧规律 北京pk10彩票合法的吗
    凡夫子早餐加盟 特色小吃早点加盟 北京早点加盟 黑龙江早餐加盟 早点包子加盟
    营养粥加盟 早餐肠粉加盟 爱心早餐加盟 清真早餐加盟 加盟 早点
    河南早点加盟 特色小吃早点加盟 知名早餐加盟 早餐包子加盟 早餐项目加盟
    陕西早点加盟 健康早餐店加盟 豆浆早餐加盟 早点粥加盟 北京特色早点加盟
    胜利彩票app在哪里下载 6+1体彩 平特肖高手论坛 辽宁35选7出球顺序结果 wnba比分直播即时
    金域线上娱乐 快乐十分赚钱 大乐透走势图浙江风采 秒速赛车群 刮刮乐哪个中奖几率高
    11选5甘肃开奖结果 广东时时彩平台代理 葡京彩票是正规的吗 爱美人足彩博客 内蒙古11选五
    南粤风采26选5开奖信息 广东11选五走势图 重庆幸运农场综合走势 极速时时彩预测 黑龙江快乐10分投注