鼠标经过图片，横向切换图片特效资源-CSDN文库

共3个文件

js：2个

html：1个

鼠标特效，图片切换，鼠标经过图片

需积分: 15 166 浏览量 2010-07-13 18:29:30 上传评论 2 收藏 18KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

鼠标经过图片，横向切换图片.rar （3个子文件）

鼠标经过图片，横向切换图片

deom.html 3KB

aviva.js 473B

jquery.min.js 54KB

<!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> </head> <style> .boxgrid { BORDER-RIGHT: #e7e7e7 10px solid; BORDER-TOP: #e7e7e7 10px solid; BACKGROUND: #161613; FLOAT: left; MARGIN-BOTTOM: 15px; OVERFLOW: hidden; BORDER-LEFT: #e7e7e7 10px solid; WIDTH: 200px; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #e7e7e7 40px solid; POSITION: relative; HEIGHT: 140px } .boxgrid SPAN { DISPLAY: block; Z-INDEX: 999; LEFT: -2px; BACKGROUND-IMAGE: url(bg/recommend_icon.gif); WIDTH: 79px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: -3px; HEIGHT: 80px } .boxgrid IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; BORDER-RIGHT-WIDTH: 0px } .boxgrid H3 { FONT-SIZE: 14px; LINE-HEIGHT: 21px } .boxgrid A { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 180px; COLOR: #fff; PADDING-TOP: 10px; HEIGHT: 120px } .boxgrid A:hover { COLOR: #fc0 } .boxgrid P { FONT: 10pt "Lucida Grande", Arial, sans-serif; COLOR: #fff } .wlsShowcasePanel { HEIGHT: 210px } </style> <body> <DIV class=wlsShowcasePanel> <DIV class="boxgrid slideright"><SPAN><INS>推荐作品</INS></SPAN> <IMG class=cover src="http://www.iaviva.com/admin/upload/2010/1/201001110133523352.jpg"> <A href="http://www.iaviva.com/ShowCase/Location/Carpo/" target=_blank> <H3>Carpo</H3> <P>AVIVA | VIVAN 薇拉&品纱出品</P></A></DIV> <DIV class="boxgrid slideright"><SPAN><INS>推荐作品</INS></SPAN> <IMG class=cover src="http://www.iaviva.com/admin/upload/2010/1/201001110133523352.jpg"> <A href="http://www.iaviva.com/ShowCase/Location/Dryads/" target=_blank> <H3>Dryads</H3> <P>AVIVA | VIVAN 薇拉&品纱出品</P></A></DIV> <DIV class="boxgrid slideright"><IMG class=cover src="http://www.iaviva.com/admin/upload/2010/1/201001110133523352.jpg"> <A href="http://www.iaviva.com/ShowCase/Location/chloris/" target=_blank> <H3>chloris</H3> <P>AVIVA | VIVAN 薇拉&品纱出品</P></A></DIV> <DIV class="boxgrid slideright"><SPAN><INS>推荐作品</INS></SPAN> <IMG class=cover src="http://www.iaviva.com/admin/upload/2010/1/201001110133523352.jpg"> <A href="http://www.iaviva.com/ShowCase/Location/Euphrosyne/" target=_blank> <H3>Euphrosyne</H3> <P>AVIVA | VIVAN 薇拉&品纱出品</P></A></DIV></DIV> <SCRIPT src="jquery.min.js" type=text/javascript></SCRIPT> <SCRIPT src="aviva.js" type=text/javascript></SCRIPT> </body> </html>

评论收藏

内容反馈