注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

宁静的夏天

文字代码 图片代码 导航代码 模块代码 技巧代码 网页美化

 
 
 

日志

 
 
 
 

网页和博客特效代码大全  

2010-01-15 22:52:58|  分类: 博客代码教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 网页.博客特效代码大全 

一、点击即可把你的网站添加到浏览器的收藏菜单下

            <span style="CURSOR: hand"

            onClick="window.external.addFavorite('你的域名','你的网站名')"

            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.zj.com/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://lain1978.com/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.52blog.net/uploadfile/20041214112739616.cur');

  粉红玫瑰 cursor:url(http://yuhou.net/build/images/03.cur);

  羽毛     CURSOR: url('http://www.blogcup.com/uploadfile/200559203014735.ani');

    其他     CURSOR: url('http://soft.mumayi.net/inc/Arrow.ani');

                cursor:url(http://www.51hongtu.com/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.5d6d.com" target="_blank"><img src="http://www.guilintour.net/pic/upload/200471269665.jpg" width="200" border="0" /></a></div><div align="center"><a href="http://blogbbs.5d6d.com" target="_blank"><img src="http://ccd.zjonline.com.cn/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.91.com/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.imobile.com.cn/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.it315.org/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.5d6d.com>博客代码论坛</OPTION><OPTION value=http://blogbbs.5d6d.com>博客代码论坛</OPTION><OPTION value=http://blogbbs.5d6d.com>博客代码论坛</OPTION><OPTION value=http://blogbbs.5d6d.com>博客代码论坛</OPTION><OPTION value=http://blogbbs.5d6d.com>博客代码论坛</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.tv868.com/xinwen/011.htm" topmargin=0 width="100%" height=20></***>

代码二:娱乐<*** frameborder=0 leftmargin=0 marginheight=0 marginwidth=0 scrolling=no src="http://www.tv868.com/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=73916&fid=scsccu002'></***>

更多博客工具

  评论这张
 
阅读(2497)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017