web前端|js教程
js,鼠标,感应,图片展示,方法
web前端-js教程
本文实例讲述了js实现鼠标感应图片展示的方法。分享给大家供大家参考。具体实现方法如下:
要哇导航手机版源码,vscode编写md文件,ubuntu 服务程序,tomcat编译html,sqlite 外键的使用,爬虫怎么爬取文章和图片,java php 序列化,临沂seo页面优化,手机网站页面模板,网页图片遮罩,html4模板lzw
var W3CDOM = (document.createElement() && document.getElementsByTagName());
window.onload = pinballEffect;
function pinballEffect()
{
if (!W3CDOM) return;
var allElements = document.getElementsByTagName(*);
var originalBackgrounds=new Array();
for (var i=0; i{
if (allElements[i].className.indexOf(hovereffect) >= 0)
{
allElements[i].onmouseover = mouseGoesOver;
allElements[i].onmouseout = mouseGoesOut;
}
}
}
function mouseGoesOver()
{
originalClassNameString = this.className;
this.className += " lay-on";
}
function mouseGoesOut()
{
this.className = originalClassNameString;
}
pinballEffect();
gdiplus类 源码,ubuntu中sudo查询,看tomcat占用的进程,python爬虫外汇,html转php页,电商沙盘seo关于床的关键词lzw
body {
background:#fff;
font:small/1.5 "宋体", SimSun, serif;
_font-size:medium;
}
a img {
border:none;
}
ul,
li,
h5 {
list-style:none inside;
margin:0;
padding:0;
}
.recomm {
background:#999;
border:1px solid #666;
width:600px;
height:170px;
overflow:hidden;
padding:10px;
margin:0 auto;
position:relative;
}
.recomm ul {
border:1px solid #fff;
border-left:none;
height:168px;
width:599px;
overflow:hidden;
*position:absolute; /* 解决IE中overflow:hidden无法正确隐藏元素的问题 */
}
.recomm li {
float:left;
position:relative;
margin-right:-179px;
height:100%;
overflow:hidden;
white-space:nowrap;
text-align:center;
}
.recomm li img {
display:block;
border-left:1px solid #fff;
width:248px;
height:168px;
}
.recomm li h5 {
position:absolute;
bottom:0;
left:0;
height:20px;
width:239px;
line-height:20px;
background:url(../images/1_211621.jpg) no-repeat;
display:none;
text-align:right;
padding-right:10px;
font-size:1em;
font-weight:normal;
}
.recomm li:hover, .recomm .lay-on {
width:249px;
margin-right:0;
}
.recomm li:hover h5, .recomm .lay-on h5 {
display:block;
}
织梦自媒体博客网站源码,vscode添加新片段,ubuntu多内核,扩tomcat内存,mac打开sqlite3,爬虫生物多样性的原因,php rc4加密,天津seo优化站,大淘客网站积分功能,用易语言制作网页游戏桌面版,数据字典文档模板lzw