鼠标经过显示图片和描述的特效

zoukankan html css js c++ java

鼠标经过显示图片和描述的特效

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <link href="css/index.css" _mce_href="css/index.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css"></mce:style><style type="text/css" _mce_bogus="1"></style> <script type="text/javascript"></script> </head> <body> <div class="wrapper"> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>01</strong> <div> <h4><span>人气：19045</span><a href="#" _mce_href="#">向往成功的一天</a></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>02</strong> <div> <h4><span>人气：34534</span><a href="#" _mce_href="#">习惯孤单</a></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>03</strong> <div> <h4><span>人气：79789</span><a href="#" _mce_href="#">经济买房</a></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>04</strong> <div> <h4><span>人气：4323</span><a href="#" _mce_href="#">经济买房</a></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>05</strong> <div> <h4><a href="#" _mce_href="#">经济买房</a><span>人气：6456</span></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>06</strong> <div> <h4><span>人气：433534</span><a href="#" _mce_href="#">经济买房</a></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>07</strong> <div> <h4><span>人气：09808</span><a href="#" _mce_href="#">经济买房</a></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>08</strong> <div> <h4><span>人气：3565</span><a href="#" _mce_href="#">经济买房</a></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>09</strong> <div> <h4><span>人气：1231</span><a href="#" _mce_href="#">经济买房</a></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> <dl> <dt><img src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" _mce_src="http://userpic1.koubei.com/profile/63/19/49/0/preview_50x50_1198983184515.jpg" /></dt> <dd> <strong>10</strong> <div> <h4><span>人气：19045</span><a href="#" _mce_href="#">经济买房</a></h4> <p>广州白云区.大量房屋商铺笋盘租售.联系电...</p> </div> </dd> </dl> </div> </body> </html></font> <a href="http://js.alixixi.com/" _mce_href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

查看全文

相关阅读:
ajax发送请求
 Canvas与SVG的区别
 jquery中attr()和prop()方法的区别
 ab（Apache Benchmark）测试工具的安装
 Nginx与阻塞操作
 构造函数调用顺序
 对一个类求sizeof，虚继承
 代码清单16-4 服务器压力测试程序
 libevent源码分析-TCP服务端代码
 Linux内核源码之红黑树

原文地址：https://www.cnblogs.com/geass/p/1951489.html