平凡生活-电脑科技和网络生活的个人博客

我的理想,就是过一种简单平凡得生活,没有过多欲望,只有不经意间得温馨。

« IE7.0绿色版软件下载寻秦记电子书全本小说下载 »

实用网页js代码

             我收集的一些比较实用的网页JS代码。

滚动公告(新闻)代码:在 <MARQUEE onmouseover=stop() onmouseout=start()                               scrollAmount=2 scrollDelay=150 direction=up   height=100 scrolltop="0" scrollleft="0">和</MARQUEE>之间插入一个table放入想放的内容就行了。

比如放个table:

 <MARQUEE onmouseover=stop() onmouseout=start()
                              scrollAmount=2 scrollDelay=150 direction=up
                              height=100 scrolltop="0" scrollleft="0">
                              <TABLE cellSpacing=0 cellPadding=0 width="90%"
                              align=center border=0>
                                <TBODY>
                                <TR>
                                <TD>
                                <UL>
                                <LI><A
                                href="default.htm">最新动态</A>

                                <LI><A
                                href="wzjs.htm">网络建设</A>

                                <LI>产品研讨会
                                <LI>互动培训
                                <LI><FONT color=#000000><A
                                href="xtfw.htm">系统服务</A></FONT>

                                <LI>最新客户<BR>
         百度联盟                                </LI>
                                </UL>
                                </TD></TR></TBODY></TABLE></MARQUEE>

 

调用显示网站alexa排名的代码<SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/a?url=hzlive.com.cn'></SCRIPT>

网页浮动广告的js代码:插入一个层,可以调整悬浮广告的大小,把网站地址改成要链接到的地址就行了.

<div id=img style="LEFT: 5px; width:120px; position:absolute; top:1597px; height:105px">
<a href="http://www.hzlive.com.cn" target="_blank">
<img src="images/piaofu.gif" border="0" width="110" height="110"></a>
</div>
<script language=JavaScript>          
<!-- Begin          
var xPos = 20;          
var yPos = document.body.clientHeight;          
var step = 1;          
var delay = 30;          
var height = 0;          
var Hoffset = 0;          
var Woffset = 0;          
var yon = 0;          
var xon = 0;          
var pause = true;          
var interval;          
img.style.top = yPos;          
function changePos() {          
width = document.body.clientWidth;          
height = document.body.clientHeight;          
Hoffset = img.offsetHeight;          
Woffset = img.offsetWidth;          
img.style.left = xPos + document.body.scrollLeft;          
img.style.top = yPos + document.body.scrollTop;          
if (yon) {          
yPos = yPos + step;          
}          
else {          
yPos = yPos - step;          
}          
if (yPos < 0) {          
yon = 1;          
yPos = 0;          
}          
if (yPos >= (height - Hoffset)) {          
yon = 0;          
yPos = (height - Hoffset);          
}          
if (xon) {          
xPos = xPos + step;          
}          
else {          
xPos = xPos - step;          
}          
if (xPos < 0) {          
xon = 1;          
xPos = 0;          
}          
if (xPos >= (width - Woffset)) {          
xon = 0;          
xPos = (width - Woffset);          
}          
}          
function start() {          
img.visibility = "visible";          
interval = setInterval('changePos()', delay);          
}          
start();          
// End  -->     
</script>

网站倒计时代码:成横幅滚动显示。放在一行的<td></td>里面就行了。

<SPAN
                        style="COLOR: #000000">今天是</SPAN> <SPAN
                        style="COLOR: #000000">
                        <SCRIPT language=JavaScript> var version = 1.0;</SCRIPT>

                        <SCRIPT
                        language=JavaScript1.1> var version = 1.1;</SCRIPT>

                        <SCRIPT
                        language=JavaScript1.2> var version = 1.2;</SCRIPT>

                        <SCRIPT
                        language=JavaScript1.3> var version = 1.3;</SCRIPT>

                        <SCRIPT language=JavaScript>
          <!--
          var y=new Date(); 
          var gy=y.getYear(); 
          var dName=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 
          var mName=new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); 
          if (version < 1.3) 
           { 
          if (gy<2000) 
          { 
          document.write("<FONT COLOR=\"ff6600\">"+"19"+y.getYear()+"年" + mName[y.getMonth()] + y.getDate() + "日&nbsp;" + dName[y.getDay()] + "" + "</FONT>"); 
           } 
          else 
          document.write("<FONT COLOR=\"ff6600\">"+y.getYear()+"年" + mName[y.getMonth()] + y.getDate() + "日&nbsp;" + dName[y.getDay()] + "" + "</FONT>"); 
          } 
         else 
         { 
        document.write("<FONT COLOR=\"ff6600\">"+y.getFullYear() +"年"+ mName[y.getMonth()] + y.getDate() + "日&nbsp;" + dName[y.getDay()] + "</FONT>"); 
        } 
        //-->
                                </SCRIPT>
                        </SPAN>
                        <SCRIPT language=JavaScript>
<!-- // (c) Henryk Gajewski
var urodz= new Date("3/9/2006");《注释:是2006年3月9号,不要弄错。》
var  s=" 距离2006年3月9日博客成立一周年";
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
   document.write(""+s+"还有"+dni +"天")
else if (dni == 1)
     document.write("只有2天啦!")
else if (dni == 0)
     document.write("只有1天啦!")
else
    document.write("好象已经过了哦!");
// -->
            </SCRIPT>

Tags: js代码   订阅到抓虾

发表评论:

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

日历

  • 推荐加快网速杜绝病毒木马的firfox浏览器(完全免费!)
  • 使你的网站每月增加几百美元的收入,赶快点击注册把!
分享到饭否

网站目录

一周热门

随机文章

最近发表

最新留言

Tags

Powered By Z-Blog | Z-Blog Plus 1.5 Build 60326

Copyright 平凡生活网络博客,欢迎转载,转载请著明--转载自“平凡生活博客网站