2009-04-27 23 views
64

jQuery की हाइलाइट विधि पीले रंग की पृष्ठभूमि के साथ किसी भी div को हाइलाइट करेगी।हाइलाइट रंग बदलें

मैं कैसे निर्दिष्ट करूं कि प्रकाश के लिए पीले रंग के बजाय किस रंग का उपयोग करना है?

उत्तर

127

documentation के अनुसार:

$(this).effect("highlight", {color: 'blue'}, 3000); 
+0

बस सोच रहा है, मैं केवल पाठ को हाइलाइट कैसे करूं, पृष्ठभूमि नहीं? – think123

+1

इस उत्तर में दिए गए उदाहरण को "हाइलाइट" प्रभाव के लिए ऊपर दिए गए पृष्ठ पर दस्तावेज़ों के विपरीत समझना बहुत आसान है और यह बहुत ही दुर्लभ है। .effect() पर अधिक जानकारी के लिए स्वयं ही यह पृष्ठ देखें: http://api.jqueryui.com/effect/। –

18
$("div").click(function() { 
    $(this).effect("highlight", { color: "#ff0000" }, 3000); 
}); 

लाल रंग में प्रकाश डाला जाएगा। यह सब documentation में है।

+1

रंग = एक वाक्यविन्यास त्रुटि देगा। नोटेशन कुंजी है: 'value' –

+0

क्षमा करें - मैं अपने सिर में अज्ञात सी # प्रकारों में बहुत घायल हो गया था ...;) संपादित! –

+3

चीयर्स लोग। मैं jqueryui दस्तावेज में देख रहा था जो jquery के दस्तावेज – Hady

3

FWIW मैं ने पाया है कि IE8 effect("highlight",...) का उपयोग कर jQuery 1.7.2 में कोई त्रुटि या हाइलाइट रंग पाठ के रूप में निर्दिष्ट किया गया था जब (यानी "blue") के बजाय हेक्स अंकन में की देना होगा जब तत्व की वर्तमान रंग पाठ के रूप में निर्दिष्ट किया गया था: "#ff0000"

+0

के रूप में विस्तृत नहीं है, यह जानना अच्छा है। धन्यवाद! –

1
 $('.divID').live('mouseover mouseout', function (event) { 
     if (event.type == 'mouseover') { 
      // do something on mouseover 
      $(this).css({ "background-color": YOURCOLOR, "opacity": ".50" }); 

     } 
     else { 
      // do something on mouseout 
      $(this).css("opacity", "100"); 

     } 
     }); 

यह अस्पष्ट दिखने के साथ अच्छा होवर प्रभाव देगा।

संबंधित मुद्दे