jQuery相应鼠标的滑动式配景透明的声名结果

发布时间：2018-08-17 09:15:23 所属栏目：编程来源：站长网

导读：这是一个很是棒的相应鼠标的、滑动式配景变色而且透明的笔墨声名结果，虽然！必定的！这里引用了 jQuery 插件，兼容性不消说了，IE系列赏识器和火狐、 Chrome 等都可以实现。为办理一些网页殊效运行后不能表现结果（譬喻：jQuery则必要革新）题目，猛火特

　　这是一个很是棒的相应鼠标的、滑动式配景变色而且透明的笔墨声名结果，虽然！必定的！这里引用了jQuery插件，兼容性不消说了，IE系列赏识器和火狐、Chrome等都可以实现。

　　为办理一些网页殊效运行后不能表现结果（譬喻：jQuery则必要革新）题目，猛火出格新增网页版演示。

　　点击查察：网页殊效

　　运行演示：

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>感到鼠标的滑动式图片声名结果_猛火网_Veryhuo.COM</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> .box{ position:relative; width:320px; height:200px; overflow:hidden; background:#0088ff; } .note{ position:absolute; left:0; top:176px; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#0F000000',endColorstr='#0F000000'); background:rgba(0,0,0,0.7); text-align:center; } .title{ display:block; width:100%; height:100%; font-size:18px; color:#ffffff; text-decoration:none; } span{ font-size:24px; color:#CC0000; } </style> <script type="text/javascript" src="/uploads/common/js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".note").hover(function(){ $(this).animate({top:'0'},"900"); },function(){ $(this).animate({top:'176px'},"900"); }); }); </script> </head> <body> <div class="box"> <img src="/uploads/common/images/wall_s8.jpg" alt="猛火网" width="320" height="200"> <div class="note"> <a href="#" class="title"><span>接待降临【猛火网】接待降临</span><br>猛火网（Veryhuo.COM）提供计较机常识、网站运营、软件应用、计划教程、编程开拓与IT资讯等为首要宗旨，同时有源码下载、站长器材、在线手册、免费资源等内容，是海内快捷易懂、内容富厚的站长进修平台。</a> </div> </div> </body> </html> <div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE