教程集 > 脚本编程 > javascript > 正文 javascript 悬浮在页面左侧的可显隐网摘收藏效果

javascript 悬浮在页面左侧的可显隐网摘收藏效果

发布时间：2017-08-02 编辑：jiaochengji.com

教程集为您提供javascript 悬浮在页面左侧的可显隐网摘收藏效果等资源，欢迎您收藏本站，我们将为您提供最新的javascript 悬浮在页面左侧的可显隐网摘收藏效果资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >javascript 悬浮在页面左侧的可显隐网摘收藏效果 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>javascript 悬浮在页面左侧的可显隐网摘收藏效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> BODY { MARGIN: 0px } A { COLOR: #333333; FONT-SIZE: 12px; TEXT-DECORATION: none } A:hover { COLOR: #FF0000; FONT-SIZE: 12px; TEXT-DECORATION: none } .main_head { BACKGROUND: url(http://filesimg.jiaochengji.com/20100302011946360.png) no-repeat } * HTML .main_head { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://filesimg.jiaochengji.com/20100302011946360.png",sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0% } * HTML .main_head { BACKGROUND: url(http://filesimg.jiaochengji.com/20100302011946360.png) no-repeat } .info { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(http://filesimg.jiaochengji.com/20100302011952802.png) repeat-y; PADDING-TOP: 5px } * HTML .info { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://filesimg.jiaochengji.com/20100302011952802.png",sizingMethod='crop'); BACKGROUND-REPEAT: repeat-y } * HTML .info { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(http://filesimg.jiaochengji.com/20100302011952802.png) repeat-y; PADDING-TOP: 5px } .down_kefu { WIDTH: 157px; BACKGROUND: url(http://filesimg.jiaochengji.com/2010030201195937.png) no-repeat; HEIGHT: 8px } * HTML .down_kefu { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://filesimg.jiaochengji.com/2010030201195937.png",sizingMethod='crop'); WIDTH: 157px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 8px } * HTML .down_kefu { WIDTH: 157px; BACKGROUND: url(http://filesimg.jiaochengji.com/2010030201195937.png) no-repeat; HEIGHT: 8px } .Obtn { MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND: url(http://filesimg.jiaochengji.com/20100302012005843.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px } * HTML .Obtn { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://filesimg.jiaochengji.com/20100302012005843.png",sizingMethod='crop'); WIDTH: 32px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 139px } * HTML .Obtn { MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND: url(http://filesimg.jiaochengji.com/20100302012005843.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px } .qqtable span { PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; COLOR: #ff6600; font-SIZE: 13px; font-WEIGHT: bold; PADDING-TOP: 5px } .qqtable A { TEXT-DECORATION: none } .qqtable A:hover { TEXT-DECORATION: none } .qun { BORDER-BOTTOM: #098A27 1px solid; BORDER-LEFT: #098A27 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; font-SIZE: 12px; BORDER-TOP: #098A27 1px solid; BORDER-RIGHT: #098A27 1px solid; PADDING-TOP: 5px } .qun span { COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold } </style> </head> <body>

<table style="FLOAT: left" border="0" cellspacing="0" cellpadding="0" width="157"> <tr> <td class="main_head" height="39" valign="top"></td></tr> <tr> <td class="info" valign="top"> <table class="qqtable" border="0" cellspacing="0" cellpadding="0" width="120" align="center"> <tr> <td align="middle"> javascript 悬浮在页面左侧的可显隐网摘收藏效果

添加收藏夹

分享到百度</span></td> </tr> <tr> <td height="30" align="middle"><span> javascript 悬浮在页面左侧的可显隐网摘收藏效果

分享QQ书签</span></td> </tr> <tr> <tr> <td height="30" align="middle"><span> javascript 悬浮在页面左侧的可显隐网摘收藏效果

分享新浪微博</span></td> </tr> <tr> <td height="30" align="middle"><span> javascript 悬浮在页面左侧的可显隐网摘收藏效果

分享到校内网</span></td> </tr> <tr> <td height="5"></td></tr> <tr> <td height="38" valign="top" align="middle">

</td> </tr> <tr> <td align="middle">

会员交流群
<span>88888888</span>

</td> </tr> <tr> <td align="middle"></td> </tr> </table> </td> </tr> <tr> <td class="down_kefu" valign="top"></td> </tr> </table>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
javascript 悬浮在页面左侧的可显隐网摘收藏效果
 js 左右悬浮广告的实例代码
 jquery实现的可隐藏重现的靠边悬浮层实例代码
 利用HTML5的details, summary实现各种交互效果
 jQuery powerFloat万能浮动层下拉层插件使用介绍
 jquery.Jwin.js 基于jquery的弹出层插件代码
 JS右下角悬浮广告代码的简单示例
 jQuery的显示和隐藏方法与css隐藏的样式对比
 JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
新站内容不被收录的解决方法

上一篇：兼职多浏览器右下角浮动效果下一篇：Div CSS制作的仿中国移动会员中心竖向三级导航菜单

[关闭]

javascript 悬浮在页面左侧的可显隐网摘收藏效果

最近更新

浏览排行