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

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>

查看全文

相关阅读:
Microsoft .NET Framework 2.0实现发送邮件(Email)总结
 Socket对像的使用
 Microsoft .NET Framework 2.0对文件传输协议(FTP)操作(上传,下载,新建,删除,FTP间传送文件等)实现汇总1
异步编程(AsyncCallback委托,IAsyncResult接口,BeginInvoke方法,EndInvoke方法的使用小总结)
格式化为中文数字
 [网络收集]Form表单及网站开发中常用js表单取值方法
 [网络收集]c#和asp.net方面的面试题
 [网络收集]javascript常用代码汇总
 [网络收集]VS2005调试问题和技巧
 [网络收集]图片的相对应用程序路径 "~/"

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