|
|
| Line 1: |
Line 1: |
| - | <html> | + | <!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> | | <head> |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> | + | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> |
| - | <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> | + | <title>超酷超绚精美图片展示效果代码(三) - 网页特效观止-网页特效代码|JsCode.CN|</title> |
| - | <script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
| + | |
| | <style type="text/css"> | | <style type="text/css"> |
| - | #countdown
| |
| - | {
| |
| - | display:none;
| |
| - | }
| |
| - | #visit
| |
| - | {
| |
| - | display:none;
| |
| - | }
| |
| - | #demo
| |
| - | {
| |
| - | position:relative;
| |
| - | top:15px;
| |
| - | height:260px;
| |
| - | width:1000px;
| |
| - | left:0px;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - | #demo img {
| |
| - | top:20px;
| |
| - | height:260px;
| |
| - | width:300px;
| |
| - | }
| |
| - | #indemo {
| |
| - | float: left;
| |
| - | width: 800%;
| |
| - | }
| |
| - | #demo1 {
| |
| - | float: left;
| |
| - | }
| |
| - | #demo2 {
| |
| - | padding:0px 3px;
| |
| - | float: left;
| |
| - | }
| |
| - | #footer-box
| |
| - | {
| |
| - | position:absolute;
| |
| - | top:2000px;
| |
| - | }
| |
| - | .team_images img
| |
| - | {
| |
| | | | |
| - | height:280px;
| |
| - | }
| |
| - | #preview_images
| |
| - | {
| |
| - | position:relative;
| |
| - | top:20px;
| |
| - | background:transparent;
| |
| - | height:600px;
| |
| - | left:10px;
| |
| - | width:980px;
| |
| - | }
| |
| | | | |
| | #diapoContainer { | | #diapoContainer { |
| Line 111: |
Line 61: |
| | text-align: center; | | text-align: center; |
| | } | | } |
| | + | |
| | </style> | | </style> |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| Line 342: |
Line 293: |
| | </script> | | </script> |
| | </head> | | </head> |
| | + | |
| | <body> | | <body> |
| - | <div id="content1">
| |
| - | <div id="demo">
| |
| - | <div id="indemo">
| |
| - | <div id="demo1">
| |
| - | <a ><img src="/wiki/images/e/e6/Whu-1.jpg" border="1" /></a>
| |
| - | <a ><img src="/wiki/images/f/f1/Whu-4-2.jpg" border="1" /></a>
| |
| - | <a ><img src="/wiki/images/c/c4/Whu-8.jpg" border="1" /></a>
| |
| - | <a ><img src="/wiki/images/f/f6/Whu-10.jpg" border="1" /></a>
| |
| - | <a ><img src="/wiki/images/6/69/Whu-13.jpg" border="1" /></a>
| |
| - | <a ><img src="/wiki/images/e/e1/Whu-18.jpg" border="1" /></a>
| |
| - | <a><img src="/wiki/images/4/42/Whu-32.jpg" border="1" /></a>
| |
| - | <a ><img src="/wiki/images/f/fc/Whu-43.jpg" border="1" /></a>
| |
| - | <a ><img src="/wiki/images/a/a8/Whu-61.jpg" border="1" /></a>
| |
| - | <a><img src="/wiki/images/5/57/Whu-47.jpg" border="1" /></a>
| |
| - | </div>
| |
| - | <div id="demo2"></div>
| |
| - | <script>
| |
| - | var speed=20;
| |
| - | var tab=document.getElementById("demo");
| |
| - | var tab1=document.getElementById("demo1");
| |
| - | var tab2=document.getElementById("demo2");
| |
| - | tab2.innerHTML=tab1.innerHTML;
| |
| - | function Marquee(){
| |
| - | if(tab.scrollLeft<=0)
| |
| - | tab.scrollLeft+=tab2.offsetWidth
| |
| - | else{
| |
| - | tab.scrollLeft--;
| |
| - | }
| |
| - | }
| |
| - | var MyMar=setInterval(Marquee,speed);
| |
| - | tab.onmouseover=function() {clearInterval(MyMar)};
| |
| - | tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
| |
| - |
| |
| - | </script>
| |
| - | </div>
| |
| - | </div>
| |
| | | | |
| - | <div id="#preview_images">
| |
| | <div id="diapoContainer"> | | <div id="diapoContainer"> |
| | <img class="imgsrc" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="Reconsider your Existence"> | | <img class="imgsrc" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="Reconsider your Existence"> |
| Line 404: |
Line 319: |
| | dom_onload(); | | dom_onload(); |
| | </script> | | </script> |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| | | | |
| | </body> | | </body> |
| | | | |
| | </html> | | </html> |
| - | {{WHUcss}}
| |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"
