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

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

2020-11-27 20:34:44 责编:小采

<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> 
 
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> 
 
 <mip-img popup src="https://www.gxlcms.com/Uploads//img/logo.gif" Fifty Studio" /></mip-img> 
 <h2>CSS 布局演示 CSS Layout by Forestgan</h2> 
 <h2 id="demo_date">2006-10-30 发表</h2> 
 
 
<mip-img popup src="http://files.jb51.net/upload/bigimg/holiday102801.jpg" " id="FGplaceholder" /></mip-img> 
 
 
 
 
 <li><mip-img popup src="http://files.jb51.net/upload/thumb/holiday102801s.jpg" " /></mip-img> </li> 
 <li><mip-img popup src="http://files.jb51.net/upload/thumb/holiday102802s.jpg" " /></mip-img> </li> 
 <li><mip-img popup src="http://files.jb51.net/upload/thumb/holiday102806s.jpg" " /></mip-img> </li> 
 <li><mip-img popup src="http://files.jb51.net/upload/thumb/holiday102809s.jpg" " /></mip-img> </li> 
 <li><mip-img popup src="http://files.jb51.net/upload/thumb/holiday102810s.jpg" " /></mip-img> </li> 
 
 
 
 
 
 //图片无间断滚动代码，兼容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> 
 
_uacct = "UA-152060-1"; 
urchinTracker(); 
</ script> 
<noscript> 
<p>google-analytics</p> 
</noscript> 
</ script> 
<noscript><p>my stat</p></noscript>

<div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body> 
</html>

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

下载本文

显示全文

全部频道