![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<!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>
<style>
html, body, h1, h2, h3, h4, h5, h6, hr, p, pre, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, input, textarea, button, img { margin:0; padding:0; }
body { font:14px/1.8 "Microsoft Yahei", "黑体", arial, "Hiragino Sans GB", helvetica, sans-serif; background-color:#000 }
body a, a { text-decoration:none; color:#0094d4; cursor:hand; }
body a:hover, a:hover { text-decoration:none; color:#0094d4; font-style:italic; }
.demo { width:600px; margin:50px auto; }
.demo .pic { float:left; width:45%; margin-right:5%; }
.demo .pic p { padding-top:10px; padding-left:20px; }
</style>
<script type="text/javascript" src="http://www.22ba.com/templates/js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".pic a").css({ "opacity": 0.6 }).hover(function () {
$(this).stop().animate({ "opacity": 1 }, 200);
}, function () {
$(this).stop().animate({ "opacity": 0.6 }, 100);
});
});
</script>
</head>
<body>
<div class="demo">
<div class="pic">
<a href="#" target="_blank" ><img src="pic.jpg" width="100%" alt="" /></a>
<p><a href="#" target="_blank">更多...</a></p>
</div>
<div class="pic">
<a href="#" target="_blank"><img src="pic.jpg" width="100%" alt="" /></a>
<p><a href="#" target="_blank">更多...</a></p>
</div>
</div>
</body>
</html>*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
