hover用法

$(‘.F_box_2‘).hover(
            function(){

$(this).find(".make_reply").css({"color":"#c00","text-decoration":"underline","background-position":"12px -147px"});

},
            function(){
                $(this).find(".make_reply").css({"color":"#666","text-decoration":"","background-position":"12px -117px"});

});

hover用法

时间: 2024-08-07 00:01:43

hover用法的相关文章

hover用法实例

//hover,鼠标移入移出的另一种用法 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=U

CSS条件注释

由于浏览器版本的不同,对CSS里某些元素的解释也不一样,针对浏览器版本不同而选择不同CSS的代码,其实我们还可以利用条件注释的方法来达到类似的目的,什么是条件注释,在此简单介绍一下,无非就是一些if判断啦,呵呵,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,下面来介绍一下使用方法吧. <!--[if XXX]>这里是正常的html代码<![endif]–>这里XXX是一些特定的东东,在此列表几个出来,详细介绍各自的含义:<!–[if IE]> / 如果浏

基于jquery的常见函数封装

/// <reference path="jquery-1.8.0.min.js" />/** DIV或元素居中* @return*/jQuery.fn.mCenterDiv = function () { this.css("position", "absolute"); this.css("border", "1px solid #ccc"); this.css("top"

让IE和Firefox兼容的CSS技巧集合css hack

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不

一起来学jquery!

jquery学习之旅!(未完待续) ------------(一)jquery书写步骤 ------------(二)jquery事件与函数 ------------(三)jquery修改css属性 ------------(四)jquery修改html属性 ------------(五)jquery核心:选择器 ------------(六)jquery的ajax使用 前言:jquery是一个快速.简洁的JavaScript框架,是一个优秀的JavaScript代码库(或JavaScript框

如何让不同浏览器调用不同的CSS样式

由 于对W3C标准支持程度的不同,往往导致同一个CSS样式表在各种Web浏览器中的呈现大相径庭.以目前市场占有率最高的两个浏览器Microsoft Internet Explorer和Mozilla Firefox为例,前者对标准的支持明显不如后者,网页设计人员不得不花费大量的时间和精力来调整代码以保持网页在二者中呈现的一致性——这是件非常痛 苦的事情,顾此失彼的情况时有发生.但放弃任何一方的用户都是不明智的,以北极冰仔部落格来说,使用IE的访问者占所有访问者的49.57%,使用 Firefox

/*透明度设置的两种方式,以及hover的用法,fixed,(relative,absolute)这两个一起用*/

1 <!DOCTYPE html> 2 /*透明度设置的两种方式,以及hover的用法,fixed,(relative,absolute)这两个一起用*/ 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 <style> 8 .touch:hover .content{ 9 vi

jq hover方法用法 例子

<script type="text/javascript">    $(function(){        $('.caseslist').hover(function(){            if(!$(this).is(":animated")){                $(this).children('.casedetail').animate({'bottom':'0px'}, 300);            }      

jQuery hover()方法和jQuery toggle()方法用法示例

jQuery hover()方法和jQuery toggle()方法是两个合成事件,类似ready()方法,都属于jQuery自定义的方法.下面来讲解这两个方法的属性和如何使用. 一.hover()方法:语法结构为: hover(enter,leave).用于模拟光标悬停事件.当光标移动到目标元素上时,会触发指定第1个函数(enter);当移出这个元素时,会触发第2个函数(leave). 下面是一段示例代码: $(function(){ $("#panel h5.head").hove