网站建设的好材料--鼠标移上去就能滚动

  • 时间:2011-5-6 11:57:36  评论:3  浏览:   引用:0

下面我公布一个相当好的网页素材,在网站制作中,可以拿来用一样,很不错的,不多说,看代码

 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
  2. <HTML xmlns="http://www.w3.org/1999/xhtml">
  3. <HEAD>
  4. <META http-equiv=Content-Type content="text/html; charset=gb2312">
  5. <style>
  6. #area{ font-family:Arial, Helvetica, sans-serif;
  7.  font-size:12px;
  8.  }
  9. #area a{ color:#000000;
  10.  text-decoration:none;}
  11. #area a:hover{ color:#FF0000;
  12.  text-decoration:underline;}
  13. </style>
  14. </HEAD>
  15. <BODY>
  16. <DIV class=ttt>
  17. <DIV class=areareel>
  18. <TABLE>
  19.   <TBODY>
  20.   <TR>
  21.     <TD onmousemove=Marquee_left() onmouseout=clearInterval(MyMar)><IMG 
  22.       src="head_sino.files/arrow_l.gif"></TD>
  23.     <TD>
  24.       <DIV id=area style="OVERFLOW: hidden; WIDTH: 466px">
  25.       <TABLE>
  26.         <TBODY>
  27.         <TR>
  28.           <TD id=area1>
  29.             <TABLE width=1600>
  30.               <TBODY>
  31.               <TR>
  32.                 <TD class=area-text><A id=002 
  33.                   href="" 
  34.                   target=_top>北京</A> | <A id=003 
  35.                   href="" 
  36.                   target=_top>天津</A> | <A id=005 
  37.                   href="" 
  38.                   target=_top>河北</A> | <A id=006 
  39.                   href="" 
  40.                   target=_top>山西</A> | <A id=001 
  41.                   href="" 
  42.                   target=_top>内蒙古</A> | <A id=031 
  43.                   href="" 
  44.                   target=_top>辽宁</A> | <A id=030 
  45.                   href="" 
  46.                   target=_top>吉林</A> | <A id=032 
  47.                   href="" 
  48.                   target=_top>黑龙江</A> | <A id=009 
  49.                   href="" 
  50.                   target=_top>上海</A> | <A id=010 
  51.                   href="" 
  52.                   target=_top>江苏</A> | <A id=011 
  53.                   href="" 
  54.                   target=_top>浙江</A> | <A id=008 
  55.                   href="" 
  56.                   target=_top>安徽</A> | <A id=012 
  57.                   href="" 
  58.                   target=_top>福建</A> | <A id=019 
  59.                   href="" 
  60.                   target=_top>江西</A> | <A id=004 
  61.                   href="" 
  62.                   target=_top>山东</A> | <A id=020 
  63.                   href="" 
  64.                   target=_top>河南</A> | <A id=017 
  65.                   href="" 
  66.                   target=_top>湖北</A> | <A id=018 
  67.                   href="" 
  68.                   target=_top>湖南</A> | <A id=014 
  69.                   href="" 
  70.                   target=_top>广东</A> | <A id=015 
  71.                   href="" 
  72.                   target=_top>广西</A> | <A id=013 
  73.                   href="" 
  74.                   target=_top>海南</A> | <A id=023 
  75.                   href="" 
  76.                   target=_top>重庆</A> | <A id=022 
  77.                   href="" 
  78.                   target=_top>四川</A> | <A id=025 
  79.                   href="" 
  80.                   target=_top>贵州</A> | <A id=026 
  81.                   href="" 
  82.                   target=_top>云南</A> | <A id=021 
  83.                   href="" 
  84.                   target=_top>西藏</A> | <A id=024 
  85.                   href="" 
  86.                   target=_top>陕西</A> | <A id=027 
  87.                   href="" 
  88.                   target=_top>甘肃</A> | <A id=016 
  89.                   href="" 
  90.                   target=_top>青海</A> | <A id=028 
  91.                   href="" 
  92.                   target=_top>宁夏</A> | <A id=029 
  93.                   href="" 
  94.                   target=_top>新疆</A> |</TD></TR></TBODY></TABLE></TD>
  95.           <TD id=area2>&nbsp;</TD></TR></TBODY></TABLE></DIV></TD>
  96.     <TD onmousemove=Marquee_right() onmouseout=clearInterval(MyMar)><IMG 
  97.       src="head_sino.files/arrow_r.gif"></TD></TR></TBODY></TABLE>
  98. <script language="javascript">
  99. //导航栏省市滚动
  100. var speed3=5;//速度数值越大速度越慢
  101. var MyMar;
  102. area2.innerHTML=area1.innerHTML
  103.  
  104. function Marquee_left()
  105. {
  106. clearInterval(MyMar)
  107. MyMar=setInterval("left()",1);
  108. }
  109. function left()
  110. {
  111. if(AutoGetById("area2").offsetWidth-AutoGetById("area").scrollLeft<=0)
  112.  area.scrollLeft=0;
  113. else
  114.  area.scrollLeft--;
  115. }
  116. function Marquee_right()
  117. {
  118. clearInterval(MyMar)
  119. MyMar=setInterval("right()",1);
  120. }
  121. function right()
  122. {
  123. if(AutoGetById("area2").offsetWidth==AutoGetById("area").scrollLeft)
  124.  clearInterval(MyMar)
  125. else
  126.  area.scrollLeft++;
  127. }
  128. function AutoGetById(soojs)
  129. {
  130. return document.getElementById(soojs);
  131. }
  132. </script>
  133.  
  134.  
  135. </DIV></DIV></BODY></HTML>
  136.  

 

Tags:
  • 相关文章:
 

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。