Jquery中文网 > 脚本编程 > javascript > 正文 javascript 鼠标移上图片滑出文字提示代码

javascript 鼠标移上图片滑出文字提示代码

发布时间：2016-12-19 编辑：www.jquerycn.cn

jquery中文网为您提供javascript 鼠标移上图片滑出文字提示代码等资源，欢迎您收藏本站，我们将为您提供最新的javascript 鼠标移上图片滑出文字提示代码资源

本文章介绍了关于javascript 鼠标移上图片滑出文字提示代码，有需要的同学可以参考一下本文章哦。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <style> #list{ width:420px; height:380px; border:1px solid #666; padding:5px; } #list ul { list-style:none; float:left; } #list li{ margin:5px; } #list img { width:100px; vertical-align:middle; border:0; } #list div.box { width:130px; height:150px; border:1px solid #333; display: table-cell; vertical-align:middle; text-align:center; display: block; font-size: 130px; position:relative; overflow:hidden; } #list div.tip { height:25px; line-height:25px; text-align:center; width:130px; background:#999; position:absolute; z-index:10; top:120px; font-size:14px; filter:alpha(opacity=40); -moz-opacity:0.4; } </style> <body>

</li> <li>

</li> </ul> <ul> <li>

</li> <li>

</li> </ul>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js实现鼠标滑到图片上则产生放大浮出的效果
 javascript 鼠标移上图片滑出文字提示代码
 JQuery实现鼠标滑过显示导航下拉列表
 鼠标移到一张图片后其余图片变灰
 js 实用漂亮的图文并排列表效果
 JavaScript 图片滑动切换效果
 当鼠标移动到图片上时跟随鼠标显示放大的图片效果
 jQuery当鼠标悬停时放大图片的效果实例
 鼠标的滚轮失灵怎么办？
js image对象预加载图片的方法详解

上一篇：javascript滚动公告版效果代码下一篇：javascript 固定网页顶部悬浮导航菜单效果

[关闭]

javascript 鼠标移上图片滑出文字提示代码

最近更新

浏览排行