google focebook twiwer

来源：互联网发布：js修改html属性值编辑：程序博客网时间：2024/06/01 20:17
<!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=utf-8" /><title>懒人原生网页左侧居中链接图片动画效果</title><!-- http://www.lanrenzhijia.com/jquery/3005.html --><style> *{ margin:0; padding:0; list-style:none;}img{ border:0;}body{ background:#ccc;}.lanrenzhijia{ width:50px; height:250px; position:fixed; left:0; top:50%; margin-top:-125px; z-index:900;}.lanrenzhijia a{ width:50px; height:50px; line-height:50px; float:left; display:block; text-align:right;}.lanrenzhijia .lanren1{ background:#305790;}.lanrenzhijia .lanren2{ background:#2BA9D2;}.lanrenzhijia .lanren3{ background:#CF4C3A;}.lanrenzhijia .lanren4{ background:#4698CA;}.lanrenzhijia .lanren5{ background:#F9694E;}/* 凡是注明“懒人原生”的效果，转载请注明出处 */</style></head><body><style>.baidu_ads{ width:960px; height:90px; position:absolute; left:50%; bottom:0; margin-left:-480px; overflow:hidden;}</style><div class="baidu_ads"><script type="text/javascript">var sogou_ad_id=395091;var sogou_ad_height=90;var sogou_ad_width=960;</script><script type='text/javascript' src='http://images.sohu.com/cs/jsfile/js/c.js'></script></div><span style="display:none;"><script src="http://s94.cnzz.com/stat.php?id=4106941&web_id=4106941" language="JavaScript"></script></span><!-- 代码部分 begin --><div class="lanrenzhijia"><a href="http://www.lanrenzhijia.com/" class="lanren1"><img src="http://demo.lanrenzhijia.com/2015/jquery0120/images/lanren01.jpg" alt="懒人之家" width="50" height="50" /></a><a href="http://www.lanrenzhijia.com/" class="lanren2"><img src="http://demo.lanrenzhijia.com/2015/jquery0120/images/lanren02.jpg" alt="懒人之家" width="50" height="50" /></a><a href="http://www.lanrenzhijia.com/" class="lanren3"><img src="http://demo.lanrenzhijia.com/2015/jquery0120/images/lanren03.jpg" alt="懒人之家" width="50" height="50" /></a><a href="http://www.lanrenzhijia.com/" class="lanren4"><img src="http://demo.lanrenzhijia.com/2015/jquery0120/images/lanren04.jpg" alt="懒人之家" width="50" height="50" /></a><a href="http://www.lanrenzhijia.com/" class="lanren5"><img src="http://demo.lanrenzhijia.com/2015/jquery0120/images/lanren05.jpg" alt="懒人之家" width="50" height="50" /></a></div><script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script><script>$(function(){$('.lanrenzhijia a').hover(function(){$(this).animate({width:'65px'},300);},function(){$(this).animate({width:'50px'},300);});});</script><!-- 代码部分 end --></body></html>
0 0