图片连续不间断滚动像册_javascript技巧

来源：懂视网责编：小采时间：2020-11-27 20:34:44

图片连续不间断滚动像册_javascript技巧

图片连续不间断滚动像册_javascript技巧: Fifty Studio│图片连续不间断滚动像册 @import url(/tutorials/demo/css/ie.css); function showPic (whichpic) { if (document.getElementById) { document.getElementById('FGplaceh

推荐度：

点击下载本文 文档为doc格式

导读图片连续不间断滚动像册_javascript技巧: Fifty Studio│图片连续不间断滚动像册 @import url(/tutorials/demo/css/ie.css); function showPic (whichpic) { if (document.getElementById) { document.getElementById('FGplaceh

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> 
<title>Fifty Studio│图片连续不间断滚动像册</title> 
 
<style> 
@import url("/tutorials/demo/css/ie.css"); 
</style> 
<style type="text/css"> 
 
</style> 
<script type="text/javascript"> 
function showPic (whichpic) { 
 if (document.getElementById) { 
 document.getElementById('FGplaceholder').src = whichpic.href; 
 if (whichpic.title) 
 {document.getElementById('FGdesc2').childNodes[0].nodeValue = whichpic.title; } 
 else {document.getElementById('FGdesc2').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; } 
 return false; 
 } 
 else { return true; } 
} 
</ script> 
<noscript> 
<style type="text/css"> 
#demo{overflow:auto; } 
} 
</style> 
</noscript> 
</head> 
<body> 
 
 <img src="https://www.gxlcms.com/Uploads//img/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" /> 
 <h2>CSS 布局演示 CSS Layout by Forestgan</h2> 
 <h2 id="demo_date">2006-10-30 发表</h2> 
 
 
<img width="480" height="360" src="http://files.jb51.net/upload/bigimg/holiday102801.jpg" alt="" id="FGplaceholder" /> 
 
 
 
 
 <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102801s.jpg" alt="" /> </li> 
 <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102802s.jpg" alt="" /> </li> 
 <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102806s.jpg" alt="" /> </li> 
 <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102809s.jpg" alt="" /> </li> 
 <li><img width="130" height="80" src="http://files.jb51.net/upload/thumb/holiday102810s.jpg" alt="" /> </li> 
 
 
 
 
<script type="text/javascript"> 
 //图片无间断滚动代码，兼容IE、Firefox、Opera 
 //原脚本是IE only，来自网上，作者未知 
 //部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写 
 //http://www.forest53.com 
 
 var speed=30; 
 var FGDemo=document.getElementById('demo'); 
 var FGDemo1=document.getElementById('demo1'); 
 var FGDemo2=document.getElementById('demo2'); 
 FGDemo2.innerHTML=FGDemo1.innerHTML 
 function Marquee1(){ 
 if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0) 
 FGDemo.scrollTop-=FGDemo1.offsetHeight 
 else{ 
 FGDemo.scrollTop++ 
 } 
 } 
 var MyMar1=setInterval(Marquee1,speed) 
 FGDemo.onmouseover=function() {clearInterval(MyMar1)} 
 FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} 
</ script> 
My Photo 1Design by Forestgan 
 
 
 
 
 演示页面设计制作： Forestgan 采用创作共用授权--署名和非商业用途
返回前一页 
 
 
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> 
</ script> 
<script type="text/javascript"> 
_uacct = "UA-152060-1"; 
urchinTracker(); 
</ script> 
<noscript> 
<p>google-analytics</p> 
</noscript> 
<script src="https://www.gxlcms.com/js/copyrightdemo.js" type="text/javascript"></ script> 
<noscript><p>my stat</p></noscript>

</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

图片连续不间断滚动像册_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：图片滚动 js

热门焦点

图片连续不间断滚动像册_javascript技巧

图片连续不间断滚动像册_javascript技巧

图片连续不间断滚动像册_javascript技巧

最新推荐

猜你喜欢

热门推荐