三零网 www.q3060.com -- 技术、分享、进步
当前位置: > 网络编程 > CSS/HTML > html5实例:漂亮的加入收藏夹和收藏到网摘特效的综合应用代码

html5实例:漂亮的加入收藏夹和收藏到网摘特效的综合应用代码

投稿:mmqxmq2p  发布时间:2018-01-01  【手机版】  人气:

导读:三零(q3060.com)小编琪琪接下来为你介绍一下关于综合应用的技巧,希望对您有帮助。那么下面我们一起看看,具体内容所述如下:

<html>
<head>
<title>漂亮的加入收藏夹和收藏到网摘效果</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
#shoucang{
        overflow:auto;text-align:center;margin-top:3px;margin-right:3px;
}
#shoucang a{
        font-size:20px;text-decoration:none;
}
#shoucang a:hover{
        font-size:20px;text-decoration:underline;
}
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div id="shoucang" onmouseover='document.getElementById("wangzhai").style.display="block";scj.innerHTML="点击加入收藏夹";' onmouseout='document.getElementById("wangzhai").style.display="none";scj.innerHTML="收藏本站";' style="position:absolute;top:0px;left0px;">
<a href="javascript:window.external.AddFavorite('http://www.', '三零网')"><span id="scj">收藏本站</span></a>
<div id="wangzhai" style="display:none"><script language='javascript'>
document.writeln("<a href=\"javascript:u=location.href;t=document.title;c = %22%22 + (window.getSelection ? window.getSelection() : document.getSelection ? document.getSelection() : document.selection.createRange().text);var url=%22http:\/\/cang.baidu.com\/do\/add?it=%22+encodeURIComponent(t)+%22&iu=%22+encodeURIComponent(u)+%22&dc=%22+encodeURIComponent(c)+%22&fr=ien#nw=1%22;window.open(url,%22_blank%22,%22scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes%22); void 0\" title=\"收藏到Baidu搜藏\"><img border=\"0\" src=\"http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/baidu.gif\" alt=\"收藏到Baidu搜藏\"><\/a> <a href=\"javascript:window.open(\'http:\/\/shuqian.qq.com\/post?title=\'+encodeURIComponent(document.title)+\'&uri=\'+encodeURIComponent(document.location.href)+\'&jumpback=2&noui=1\',\'favit\',\'width=960,height=600,left=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes\');void(0)\"><img src=\"http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/qq.gif\" alt=\"收藏到QQ书签\"  border=\"0\" title=\"收藏到QQ书签\"><\/a> <a href=\"javascript:d=document;t=d.selection?(d.selection.type!=\'None\'?d.selection.createRange().text:\'\'):(d.getSelection?d.getSelection():\'\');void(vivi=window.open(\'http:\/\/vivi.sina.com.cn\/collect\/icollect.php?pid=28&title=\'+escape(d.title)+\'&url=\'+escape(d.location.href)+\'&desc=\'+escape(t),\'vivi\',\'scrollbars=no,width=480,height=480,left=75,top=20,status=no,resizable=yes\'));vivi.focus();\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/vivi.gif\' alt=\'收藏到新浪ViVi\' border=\'0\'><\/a> <a href=\"javascript:d=document;t=d.selection?(d.selection.type!=\'None\'?d.selection.createRange().text:\'\'):(d.getSelection?d.getSelection():\'\');void(wozhai=window.open(\'http:\/\/www.hzhai.com\/icollect.asp#t=\'+escape(d.title)+\'&u=\'+escape(d.location.href)+\'&c=\'+escape(t),\'hzhai\',\'scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes\'));hzhai.focus();\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/hzhai.gif\' alt=\'收藏到红摘\' border=\'0\'><\/a> <a href=\"javascript:location.href=\'http:\/\/del.icio.us\/post?&url=\'+encodeURIComponent(location.href)+\'&title=\'+encodeURIComponent(document.title)\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/delicious.gif\' alt=\'收藏到Del.icio.us\' border=\'0\'><\/a> <a href=\"javascript:d=document;t=d.selection?(d.selection.type!=\'None\'?d.selection.createRange().text:\'\'):(d.getSelection?d.getSelection():\'\');void(vivi=window.open(\'http:\/\/myweb.cn.yahoo.com\/popadd.html?url=\'+encodeURIComponent(location.href)+\'&title=\'+encodeURIComponent(document.title),\'yahoo\',\'scrollbars=no,width=720,height=420,left=75,top=20,status=no,resizable=yes\'));vivi.focus();\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/yahoo.gif\' alt=\'收藏到Yahoo书签\' border=\'0\'><\/a> <a href=\"javascript:d=document;t=d.selection?(d.selection.type!=\'None\'?d.selection.createRange().text:\'\'):(d.getSelection?d.getSelection():\'\');void(keyit=window.open(\'http:\/\/www.365key.com\/storeit.aspx?t=\'+escape(d.title)+\'&u=\'+escape(d.location.href)+\'&c=\'+escape(t),\'keyit\',\'scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes\'));keyit.focus();\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/365key.gif\' alt=\'收藏到365Key网摘\' border=\'0\'><\/a><br><a href=\"javascript:d=document;t=d.selection?(d.selection.type!=\'None\'?d.selection.createRange().text:\'\'):(d.getSelection?d.getSelection():\'\');void(yesky=window.open(\'http:\/\/hot.yesky.com\/dp.aspx?t=\'+escape(d.title)+\'&u=\'+escape(d.location.href)+\'&c=\'+escape(t)+\'&st=2\',\'yesky\',\'scrollbars=no,width=400,height=480,left=75,top=20,status=no,resizable=yes\'));yesky.focus();\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/yesky.gif\' alt=\'收藏到天极网摘\' border=\'0\'><\/a> <a href=\"javascript:d=document;t=d.selection?(d.selection.type!=\'None\'?d.selection.createRange().text:\'\'):(d.getSelection?d.getSelection():\'\');void(wozhai=window.open(\'http:\/\/www.wozhai.com\/wozhai\/Cento.asp#t=\'+escape(d.title)+\'&u=\'+escape(d.location.href)+\'&c=\'+escape(t),\'wozhai\',\'scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes\'));wozhai.focus();\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/wozhai.gif\' alt=\'收藏到我摘\' border=\'0\'><\/a> <a href=\"javascript:d=document;t=d.selection?(d.selection.type!=\'None\'?d.selection.createRange().text:\'\'):(d.getSelection?d.getSelection():\'\');void(keyit=window.open(\'http:\/\/my.poco.cn\/fav\/storeIt.php?t=\'+escape(d.title)+\'&u=\'+escape(d.location.href)+\'&c=\'+escape(t)+\'&img=http:\/\/www.h-strong.com\/blog\/logo.gif\',\'keyit\',\'scrollbars=no,width=475,height=575,status=no,resizable=yes\'));keyit.focus();\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/poco.gif\' alt=\'收藏到POCO网摘\' border=\'0\'><\/a>  <a href=\"javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!=\'None\'?document.selection.createRange().text:\'\'):(document.getSelection?document.getSelection():\'\');void(open(\'http:\/\/bookmark.hexun.com\/post.aspx?title=\'+escape(t)+\'&url=\'+escape(u)+\'&excerpt=\'+escape(e),\'HexunBookmark\',\'scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes\'));\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/hexun.gif\' alt=\'收藏到和讯网摘\' border=\'0\'><\/a> <a href=\"javascript:location.href=\'http:\/\/www.google.com\/bookmarks\/mark?op=add&bkmk=\'+encodeURIComponent(location.href)+\'&title=\'+encodeURIComponent(document.title)\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/google.gif\' alt=\'收藏到Google书签\' border=\'0\'><\/a>  <a href=\"javascript:d=document;t=d.selection?(d.selection.type!=\'None\'?d.selection.createRange().text:\'\'):(d.getSelection?d.getSelection():\'\');void(blog=window.open(\'http:\/\/www.bolaa.com\/CommendBlog\/SmallLogin.aspx?title=\'+escape(d.title)+\'&newspath=\'+escape(d.location.href)+\'&subtitle=\'+escape(t),\'bolaa\',\'width=400px,height=400px\'));blog.focus();\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/bolaa.gif\' alt=\'收藏到博拉网\' border=\'0\'><\/a>  <a href=\"javascript:d=document;t=d.selection?(d.selection.type!=\'None\'?d.selection.createRange().text:\'\'):(d.getSelection?d.getSelection():\'\');void(keyit=window.open(\'http:\/\/www.cn3.cn\/user\/addurl.asp?t=\'+escape(d.title)+\'&u=\'+escape(d.location.href)+\'&c=\'+escape(t),\'keyit\',\'scrollbars=no,width=490,height=450,left=120,top=50,status=no,resizable=yes\'));keyit.focus();\"><img src=\'http:\/\/www.zzsky.cn\/effect\/files\/wangzhai\/cn3.gif\' alt=\'收藏到天下图摘\' border=\'0\'><\/a>");
</script></div>
</div>
</body>
</html>

<p align="center">本特效由 <a href="http://www.q3060.com">三零网</a>丨 收集于互联网,只为兴趣与学习交流,不作商业用途。</p>

结语:以上就是分享给大家的综合应用内容了,希望大家多多支持三零网站。更多知识点,可以能过本站网页顶端的搜索或进入相关专题,如果有任何疑问都可以一起留言交流。

●【往下看,下一页更精彩】●
1  2  3  4  5  6  7  下一页 
延伸阅读:
·html5实例:颜色选择程序脚本,鼠标指向即显示颜色代码的综合应用代码
·html5实例:用图片制作的选色器的综合应用代码
·html5实例:三种有趣的方块滑行移动特效的综合应用代码
·html5实例:45种JavaScript缓冲特效集合的综合应用代码
·html5实例:仿windows2003开机的loading特效的综合应用代码
·html5实例:CSS控制滚动条的位置及文本方向的综合应用代码
·html5实例:一款不错的跳转首页的网站404错误页面的综合应用代码
·html5实例:JS实现QQ在线客服状态检测,自定义在线状态图片的综合应用代码
·html5实例:Dreamweaver风格的网页调色板的综合应用代码
·html5实例:禁止右键、禁止选中、禁止复制的Js代码的综合应用代码
  
温馨提示:以上内容整理于网络,仅供参考,如果对您有帮助,请收藏本网站!
大家感兴趣的内容
最新的内容
热门搜索
三零网 | 网站地图| 最近更新 | 关于我们 | 联系方式 | |

Copyright © 2012-2020,Q3060.COM All Rights Reserved.