分享

博客网页特效代码大全

 逆火 2009-02-08
博客网页特效代码大全 !
2007-10-08 09:11
博客网页特效代码大全  


一 、点击即可把你的网站添加到浏览器的收藏菜单下  
              <span style="CURSOR: hand"  
              
              title="你的网站名">收藏本站</span>  
              
二 、点击即可把你的网站设置为浏览器的起始页  
              <span  
              strhref="/blog/window.location.href";this.style***havior=’url(#default#homepage)’;this.setHomePage(’你的域名’);"  
              style="CURSOR: hand">设为首页</span>  
              
三 、浏览器的状态栏里出现一个字接一个字往左跑的欢迎语!  
              <script language="JavaScript">  
              <!--  
              function statusMessageObject(p,d) {  
              this.msg = MESSAGE  
              this.out = " "  
              this.pos = POSITION  
              this.delay = DELAY  
              this.i = 0  
              this.reset = clearMessage  
              }  
              function clearMessage() {  
              this.pos = POSITION  
              }  
              var POSITION = 100  
              var DELAY = 5  
              var MESSAGE = "你要显示的文字,如:欢迎来到博客代码 "  
              var scroll = new statusMessageObject()  
              function scroller() {  
              for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {  
              scroll.out += " "  
              }  
              if (scroll.pos >= 0)  
              scroll.out += scroll.msg  
              else scroll.out =  
              scroll.msg.substring(-scroll.pos,scroll.msg.length)  
              window.status = scroll.out  
              scroll.out = " "  
              scroll.pos--  
              if (scroll.pos < -(scroll.msg.length)) {  
              scroll.reset()  
              }  
              setTimeout (’scroller()’,scroll.delay)  
              }  
              function snapIn(jumpSpaces,position) {  
              var msg = scroll.msg  
              var out = ""  
              for (var i=0; i<position; i++)  
              {out += msg.charAt(i)}  
              for (i=1;i<jumpSpaces;i++)  
              {out += " "}  
              out += msg.charAt(position)  
              window.status = out  
              if (jumpSpaces <= 1) {  
              position++  
              if (msg.charAt(position) == ’ ’)  
              {position++ }  
              jumpSpaces = 100-position  
              } else if (jumpSpaces > 3)  
              {jumpSpaces *= .75}  
              else  
              {jumpSpaces--}  
              if (position != msg.length) {  
              var cmd = "snapIn(" + jumpSpaces + "," + position + ")";  
              scrollID = window.setTimeout(cmd,scroll.delay);  
              } else {  
              window.status=""  
              jumpSpaces=0  
              position=0  
              cmd = "snapIn(" + jumpSpaces + "," + position + ")";  
              scrollID = window.setTimeout(cmd,scroll.delay);  
              return false  
              }  
              return true  
              }  
              snapIn(100,0);  
              // -->  
              </script>  

五、鼠标一碰就弹出 设为首页 对话框  
                  <a href="#"  
                  url(#default#homepage)’;this.setHomePage(’你的域名’);return(false);"  
                  style="behavior: url(#default#homepage)">设为主页</a></td>  


[二]  


一、加入时钟代码:  
      代码格式:<embed src="flash时钟地址" width="宽度值或百分比" height="高度值" />  
      举例说明:<div align="center"><embed src=http://myboard./clock/clock13.swf width="180" height="180" type="application/x-shockwave-flash" /></div>  
    
二、如何加入透明Flash背景:  
      代码格式:<embed src="Flash地址"; width="画面宽度" height="画面高度" quality="high" wmode="transparent" align="center" style="; left:0; top:0">  
      此代码为插入透明flash代码,其中 width="" 为flash的宽,height="" 为 flas的高,left: 为从左向右移的位置,top: 为从上向下移的位置  
    举例说明:<embed src="http:///collection/flash/fish.swf  
"; width="800" height="600" quality="high" wmode="transparent" align="center" style="; left:0; top:0">  
      Flash背景素材请见本站:网页背景flash素材  
插入Flash动画代码:  
    代码:<div><embed src="动画地址" width="98%" height="450"/></div>  


三、鼠标样式代码(加入到样式表中的body中)  
    绿叶:     CURSOR: url(’http://www./uploadfile/20041214112739616.cur’);  
    粉红玫瑰 cursor:url(http:///build/images/03.cur);  
    羽毛       CURSOR: url(’http://www./uploadfile/200559203014735.ani’);  
      其他       CURSOR: url(’http://soft./inc/Arrow.ani’);  
                  cursor:url(http://www./mouse.ani);  


四、背景音乐代码  
      请看本站相关文章:如何在网页中加入背景音乐  
五、添加邮箱快速登录代码  
<div align=center><form anonymous()  
{return chkinput2(this);  
}" action=http://219.129.20.144:8000/sendmail.asp method="post" target="_blank"><select tabindex="2" size="1" > <option value="">请选择你的邮箱</option> <option value="/21cn.com">@21cn.com</option> <option value="/163.net">@163.net</option> <option value="tom.com">@tom.com</option> <option value="/163.com">@163.com</option> <option value="/vip.163.com">@vip.163.com</option> <option value="/sohu.com">@sohu.com</option> <option value="/263.net">@263.net</option> <option value="/sina.com">@sina.com</option> <option value="/vip.sina.com">@vip.sina.com</option> <option value="mail.china.com">@mail.china.com</option> <option value="/china.com">@china.com</option> <option value="/netease.com">@netease.com</option> <option value="/yeah.net">@yeah.net</option> <option value="/etang.com">@etang.com</option> <option value="fm365.com">@fm365.com</option> <option value="/cn.yahoo.com">@yahoo.com.cn</option> <option value="/xinhuanet.com">@xinhuanet.com</option> <option value="/eyou.com">@eyou.com</option> <option value="/email.com.cn">@email.com.cn</option> <option value="/ynmail.com">@ynmail.com</option> <option value="/citiz.net">@citiz.net</option> <option value="/126.com">@126.com网易50M</option> <option value="/elong.com">@elong.com</option></select><br />帐     号:<input style="FONT-SIZE: 12px" tabindex="3" size="12" /><br />密码:<input style="FONT-SIZE: 12px" tabindex="3" type="password" size="12" /><input style="FONT-SIZE: 13px; WIDTH: 30px; HEIGHT: 24px" anonymous()  
{setTimeout(’clearpass()’,1000)  
}" tabindex="4" type="submit" size="4" /></form></div>  


六、添加搜索引擎代码  
<div align=center><*** border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"  
framespacing="0" frameborder="0" scrolling="no" width="200" height="30"  
src="http://unstat.baidu.com/bdun.bsc?tn=dabaoku&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=1&bd=1&bdas=0">  
</***></div><div align=center><FORM method=GET action="http://www.google.com/search" target=_blank>  
<input type=hidden value=GB2312>  
<input type=hidden value=GB2312>  
<INPUT TYPE="hidden" VALUE="zh-CN">  
<A HREF="http://www.google.com/" target=_blank>  
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" height="20px"></A><INPUT TYPE=text size=12 maxlength=255 value="">  
<INPUT type=submit VALUE="搜索">  
<input type=hidden value="这里输入你的网站地址"</br>  
<input type=radio value="">全球搜索  
<input type=radio value="这里输入你的网站地址" checked> 本站搜索<br>  
</font></FORM></div>     


七、文字移动代码  
<marquee scrollamount="1" scrolldelay="60" direction="up" width="180" height="210"><div><font color="#ff0000"><b>本站公告</b></font></div><div><font color="#003366">这里是移动文字内容</font></div></marquee>  


八、图片链接移动代码  
<marquee scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="http://blogbbs." target="_blank"><img src="http://www./pic/upload/200471269665.jpg" width="200" border="0" /></a></div><div align="center"><a href="http://blogbbs." target="_blank"><img src="http://ccd./images/txtp/yzyh007.jpg" width="200" border="0" /></a></div></marquee>  


九、细线表格制做  
<div align="center">  
<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">  
<tbody>  
<tr bgcolor="#FFFFFF" height="20">  
<td><div align="center">表格内容</div></td>  
<td><div align="center">表格内容</div></td>  
<td><div align="center">表格内容</div></td>  
<td><div align="center">表格内容</div></td>  
<tr bgcolor="#FFFFFF" height="20">  
<td><div align="center">表格内容</div></td>  
<td><div align="center">表格内容</div></td>  
<td><div align="center">表格内容</div></td>  
<td><div align="center">表格内容</div></td>  
</tr></table></div>  

十、加入滚动条代码  

/*====将滚动条加在样式表最后====*/  
/*====最新评论滚动条====*/  

#remark.operation ul{  
  height:300px;  
  overflow: auto;  
      scrollbar-face-color : threedhighlight;  
  width: 195px;  
  text-align: left;  
  margin: 0px 0px 0px 5px;  
  padding: 0;  
  }  

/*====在线留言滚动条====*/  
.guestBook ul{  
  height:310px;  
  overflow: auto;  
      scrollbar-face-color : threedhighlight;  
  width: 195px;  
  text-align: left;  
  margin:0px 0px 0px 5px;  
     padding: 0;  
  }  

/*====最新文章滚动条====*/  
#newWeblog.operation ul{  
  height:140px;  
  overflow: auto;  
      scrollbar-face-color : threedhighlight;  
  width: 195px;  
  text-align: left;  
  margin: 0px 0px 0px 5px;  
  padding: 0;  
        }  

十一、显IP地址免费代码  
<*** src="http://ip./ip/showip.asp?text=&bg=&line=2&scro=1&leng=140" frameborder="0" scrolling="no" width="200" height="36" marginheight="4" marginwidth="0"></***>  

十二、免费手机地理位置查询代码  
代码一:  
<form method="POST" action="http://www./simcard.php" target="_blank">  
手机号(前7位):<input type="text" size="7">  
<input type="submit" value="查询">  
</form>  
代码二:  
<FORM action=http://www.***/sj/index.php method=post target="_blank">  
              <tr>  
                <td> <input (this.value ==’’) this.value=’请输入手机号码’" (this.value==’请输入手机号码’) this.value=’’" type="text" size="12" value=’请输入手机号码’>  
                  <input type="submit" value="手机地址">  
                  <input type="hidden" value="search">  
                </td>  
              </tr>  
              </form>  

十三、免费IP地址位置查询代码  
<form action="" method=post false">  
<input type=text value="请输入ip地址">  
<input type=submit value="查询">  
</form>  
<script>  
function deal1(obj)  
{  
window.open("http://www./ip/ip_area1.asp?ip="+ obj.txtIp.value,"_blank","top=0,left=0,width=300,height=150,toolbar=no");  
}  
</script>  

十四、下拉列表链接代码  

<SELECT style="WIDTH: 100px;FONT-SIZE: 10pt; BACKGROUND: #FFFFFF; COLOR: #000000; FONT-FAMILY: Arial" value="GO"><OPTION value=# selected>超级链接</OPTION><OPTION value=http://blogbbs.>博客代码论坛</OPTION><OPTION value=http://blogbbs.>博客代码论坛</OPTION><OPTION value=http://blogbbs.>博客代码论坛</OPTION><OPTION value=http://blogbbs.>博客代码论坛</OPTION><OPTION value=http://blogbbs.>博客代码论坛</OPTION></SELECT>  

十五、滚动新闻代码  

新浪的:<IFRAME border=0 marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" frameBorder=No width="100%" scrolling=no height=15></IFRAME>  

网易的:  
<*** width="100%" HEIGHT=20 align=center MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no p?ID=163&NO=0&boxColor=ffffff&txtColor=000000"></***>  
CCTV:  
<*** src="http://www.cctv.com/homepage/46/index.shtml"; width="100%" height="20" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></***>  

其他:  
代码一:新闻<*** frameborder=0 leftmargin=0 marginheight=0 marginwidth=0 scrolling=no src="http://www./xinwen/011.htm" topmargin=0 width="100%" height=20></***>  
代码二:娱乐<*** frameborder=0 leftmargin=0 marginheight=0 marginwidth=0 scrolling=no src="http://www./xinwen/012.htm" topmargin=0 width="100%" height=20></***>  

sohu  
加综合新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.news.sohu.com/scscne002.html?uid=73916&fid=scscne002’></***>  

体育新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.news.sohu.com/scscsp002.html?uid=73916&fid=scscsp002’></***>  

汽车新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.news.sohu.com/scscau002.html?uid=73916&fid=scscau002’></***>  

娱乐新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.news.sohu.com/scscen002.html?uid=73916&fid=scscen002’></***>  

财经新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.news.sohu.com/scscbu002.html?uid=73916&fid=scscbu002’></***>  

IT新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.news.sohu.com/scscit002.html?uid=73916&fid=scscit002’></***>  

旅游新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.union.sohu.com/scsctr002.html?uid=73916&fid=scsctr002’></***>  

教育新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.news.sohu.com/scscle002.html?uid=73916&fid=scscle002’></***>  

健康新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.news.sohu.com/scsche002.html?uid=73916&fid=scsche002’></***>  

文化新闻  

<*** WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC=’http://links.news.sohu.com/scsccu002.html?uid=

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多