仿CSDN 右下角悬挂的浮动层效果

更新时间：2008年12月17日 12:18:01 作者：

仿CSDN 的右下角广告，效果不错，注意图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><script>var V_PATH="/";window.onerror=function(){ return true; };</script> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>ads</title> <style type="text/css"> body{ font-size:12px; margin:0px; } /**for ads**/ h1{ font-size:14px; } .ads{ margin:0px auto; width:325px; height:190px; border:1px solid #ddd; } </style> </head> <body> <h1>CSDN右下角悬挂效果</h1>  <style type="text/css"> #ads_14{ float:right; font-family: verdana,sans-serif; } #ads_14 H6 { width:282px; height:27px; padding:0px; margin:0px; background:url(?article/images/skin/bg.gif) no-repeat; } #ads_14 #drag { cursor:move; } #ads_14 #head { float:right; width:45px; height:27px; line-height:27px; cursor:pointer; } #msg_top { width:279px; height:105px; border-left:#CDCDCD 1px solid; border-right:#CDCDCD 1px solid; } ul { padding:0px; margin:0px; list-style:none; } .msg_top_left { float:left; width:80px; height:105px; padding-right:10px; border-bottom:#CDCDCD 1px dashed; } .msg_top_right { float:left; width:175px; height:105px; padding-left:10px; border-bottom:#CDCDCD 1px dashed; } .msg_top_right a { font-size:12px; text-decoration:none; line-height:20px; } #msg_buttom { width:279px; height:100px; border-left:#CDCDCD 1px solid; border-right:#CDCDCD 1px solid; border-bottom:#CDCDCD 1px solid; } #msg_buttom ul { float:left; width:120px; height:102px; line-height:20px; padding:5px; } </style> <div id="ads_14" class="ads_14"> <h6 id="drag"><div id="head"><em><img id="small" src="http://9i0i.com/pic.php?p=?article/images/skin/small.gif" border="0"></em><em>&nbsp;&nbsp;&nbsp;</em><em><img id="close" src="http://9i0i.com/pic.php?p=?article/images/skin/close.gif" border="0"></em></div></h6> <div id="msg_top"> <ul class="msg_top_left"> <li> <img src="http://9i0i.com/pic.php?p=?article/images/skin/untitled.bmp"> </li> </ul> <ul class="msg_top_right"> <LI><A title="微软启动最严厉反盗版验证" href="none" target="_blank">微软启动最严厉反盗版验证</A></LI> <LI><A title="Mozilla建开发者工具实验室" href="none" target="_blank">Mozilla建开发者工具实验室</A></LI> <LI><A title="Google Apps安全漏洞揭秘" href="none" target="_blank">Google Apps安全漏洞揭秘</A></LI> <LI><A title="微软发布Silverlight2 " href="none" target="_blank">微软发布Silverlight2 </A></LI> <LI><A title="WinHEC邀您一起揭开Window7神秘面纱！" href="none" target="_blank">WinHEC邀您一起揭开Window</A></LI> </ul> </div> <div id="msg_buttom"> <ul> <li><a title="微软与您畅享[奇迹之旅]，精彩不容错过！" href="none" target="_blank">微软与您畅享[奇迹之</a></li> <li><a title="汽车信息化机遇与挑战" href="none" target="_blank">汽车信息化机遇与挑战</a></li> <li><a title="计算机程序的行为学" href="none" target="_blank">计算机程序的行为学</a></li> <li><a title="独立思考能力从哪里来" href="none" target="_blank">独立思考能力从哪里来</a></li> </ul> <ul> <li><a title="避免肥胖十五条法则" href="none" target="_blank">避免肥胖十五条法则</a></li> <li><a title="清明节第一次相亲" href="none" target="_blank">清明节第一次相亲</a></li> <li><a title="不要爱上论坛女人" href="none" target="_blank">不要爱上论坛女人</a></li> <li><a title="IBM" href="none" target="_blank">IBM</a></li> </ul> </div> </div> <div id="hidden"></div>     <div align="center"><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?a01f6b707fdf971a1c47ba83e9576066";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="http://9i0i.com/zhitanyici.js" type="text/javascript"></script>
<script src="http://9i0i.com/ad2.js" type="text/javascript"></script><p align=center><div style="text-align:center;">
	<a href="http://9i0i.cn/qcloudquan" target="_blank"><img src="http://9i0i.cn/tu/uploads/2020/05/1040x100a.jpg" /></a> 
</div><br>
<div style="text-align:center;">
	<a href="http://9i0i.cn/aliyun1111" target="_blank"><img src="http://9i0i.cn/tu/uploads/2020/06/7.png" /></a>
</div></p></div><div style="display:none"><a href="http://www.vxiaotou.com/?id=1715018536">http://www.vxiaotou.com</a></div></body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

javascript 随机广告代码(图片广告)
随机出现的一些图片广告，不包括flash广告，一般可以用于广告的随机显示效果。
2009-08-08
两边静止的广告条
两边静止的广告条...
2006-08-08
js可突破windows弹退效果代码
Windows XP 及 SP1-SP2和win2003下面弹退的代码
2008-08-08
点下网页的任意地方,都可到达指定页面的js代码
点下网页的任意地方,都可到达指定页面的js代码...
2007-03-03
可关闭与最小化的右下角浮动广告代码
可关闭或最小化的右下角浮动广告，非常实用啊，现在右下角广告还是比较多的，而且广告效果也还可以，除了用作广告，我们还可将右下角定义为网站广告显示、用户提醒等功能。
2010-09-09
javascript qq右下角滑出窗口 sheyMsg
在IE Tester V0.4.1 IE6/+,Firefox3.5,Chrome3.0,Opera 9.64以及Safari4.0.3下测试通过的qq 右下角
2010-03-03
超级退弹代码
比较不错的js退弹窗口代码，测试可以突破ie7
2008-07-07
基于innerHTML中的script广告实现代码[广告全部放在一个js里面]
基于innerHTML中的script广告实现代码 ,主要是为了统一管理广告，但因为innerHtml的script的一些问题不建议script的代码下面是一些测试。
2009-09-09
右下角弹出窗口效果代码
右下角弹出广告代码一般用户广告代码中，这段代码用了iframe加载页面
2008-09-09
广告切换效果(缓动切换)
写了一个广告切换效果（点击查看DEMO）形式是常见的形式，但是在功能上有一定的拓展。
2009-05-05