【jQuery 鼠标滑过及选中一行效果】的更多相关文章

jQuery 鼠标滑过及选中一行效果

/******* 表格效果 ********/ $("#gird_tbl tbody tr").live('mouseover', function () { $(this).addClass('c-grid-row-over'); }).live('mouseout', function () { $(this).removeClass('c-grid-row-over'); }).live('click', function () { $('.c-grid-row-selected…

jQuery鼠标滑过横向时间轴效果

jQuery鼠标滑过横向时间轴效果---效果图: jQuery鼠标滑过横向时间轴效果---全部代码: <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <…

JQuery鼠标移到小图显示大图效果的方法

JQuery鼠标移到小图显示大图效果的方法 本文实例讲述了JQuery鼠标移到小图显示大图效果的方法.分享给大家供大家参考.具体分析如下: 这里的显示大图功能类似上一篇<JQuery实现超链接鼠标提示效果的方法>,稍微修改一下代码,就可以做出一个图片的提示效果. 参考前面的超链接提示效果的代码,只需要将创建的div元素的代码改为: ? 1 2 3 //创建 div 元素 图片提示 var tooltip = "<div id="tooltip"><…

jquery鼠标滑过提示title具体实现代码

jquery鼠标滑过提示title的实现代码. 如下: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var x=20; var y=0; $(&…

基于jquery鼠标点击图片翻开切换效果

基于jquery鼠标点击图片翻开切换效果是一款基于jQuery+CSS3实现的点击图片切换特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <img src="images/1.jpeg" alt="1" /> <img src="images/2.jpeg" alt="2" /> <img s…

CSS控制当鼠标滑过时更换图片的效果

鼠标滑过时更换图片的效果有很多方法可以实现,在本文将为大家介绍喜爱如何通过css来实现.<!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"> <…

右上角鼠标滑过展开收缩动画效果js代码的演示页面

http://files.cnblogs.com/files/tanlingdangan/top_right.rar.gz 右上角鼠标滑过展开收缩动画效果js代码的演示页面http://www.51xuediannao.com/js/texiao/top_right/…

jquery鼠标滑过展示图片时显示详情

jquery: <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ //页面边加载边执行 $('.box').hover( function(){ $(this).find('img').animate({width:10…

jquery鼠标经过水平180度翻转效果

Html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type…

Jquery鼠标悬停按钮图标动态变化效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery仿淘宝icon动画图标特效</title> </head> <style type="text/css"> *{padding: 0;margin: 0;} #move{ margin: 40px au…