Jquery :: Opacity On Color Plugin?

Jun 28, 2011

I would like to apply an opacity on my navigation roll over,

View 5 Replies


ADVERTISEMENT

JQuery :: Change Current Link Opacity And Color

Oct 18, 2011

I've got this script which effectively should change the clicked link's opacity to full and its siblings' opacity to 0.6. The only part that works though is the changing the text color to black. Here's the script:

<script type="text/javascript">
$(document).ready(function(){ $(".menu a").live('click',function(){
$(this).siblings().css('color','red');
$(this).css('color','black');
$(this).css('opacity',1);
[Code]....

View 3 Replies View Related

JQuery :: Getting Plugin To Fix IE6 Opacity Bug?

Aug 2, 2010

I originally tried this but found it to be quite problematic: [URL]I don't think it's jQuery 1.4 compatible either.I then went on to try a JavaScript script that I found elsewhere, but that also brings up new problems!All I need is a simple bug-free jQuery plugin that will fix the opacity bug in IE6.

View 2 Replies View Related

Possible In CSS3: Circles Change Size - Color - Opacity

Jun 9, 2010

I know it would have usability issues but it would be a nice extra for a site I'm building. Circles placed around the page that could do any or all of the following:

1) fade in and out
2) grow and shrink
3) change colors
4) move around

And all without having to mouse-over. If not with CSS perhaps javascript?

View 1 Replies View Related

JQuery :: Cycle Plugin - Malsup - IE Opacity - Fade In/out Content Gallery

Aug 23, 2010

I am using the jquery cycle plugin for a fade in/out content gallery for a site's news section - you can see it at: [URL] under the News & Articles section. The plugin works perfectly in Firefox, but I am seeing a white background in IE. Does anyone know how to fix this? It looks like it's an opacity issue. Here is my cycle code:

[Code]....

View 2 Replies View Related

JQuery :: Animate Color Over Time Using Timers Plugin

Apr 24, 2009

I'm using the Timers plugin to do a count down timer.I would like to enhance my UI by having the numbering being counted down transition from black to red as it gets closer to 0.The jQuery UI demo for animate seems to be what I need, but what I'm having trouble figuring out is how to have it transition gracefully over time. It seems like the animation is a one-shot deal.

View 1 Replies View Related

JQuery :: Background Color Is Being Applied When Using Cycle Plugin?

Apr 22, 2009

I've been using Mike Alsup's Cycle plugin on a large number ofprojects, and one of the most recent ones is giving me trouble in IE.In this example, the slide container seems to have a background colorapplied to it, and there is neither a background property added to itnor is there any background property in the CSS for the slide elementor its children. I finally decided to recreate the effect from scratchto make sure it wasn't some strange IE bug or the markup, and the from-scratch version works no problem. Here are the two examples, both arein the "past lectures" module:[URL]

View 4 Replies View Related

JQuery :: Style Link Color With A Variable For Random Color Attached?

Dec 5, 2011

I want to 'style' all links on my site with a variable for random colors. I got the variable for the random colors up and running but i can't figure out how to implement the variable to the css.

View 1 Replies View Related

JQuery :: Challenge Play - Random Color - Write A Function To Return A String That Can Represents A Color

Jun 3, 2010

JavaScript Challenge Play--Random Color (The English Version of JavaScript)

Write a function to return a string that can represents a color.

Requirements:

1. The color is random. The color string can be similar to "cf9c63", also similar to "rgb (211,100, 180)".

2. Code should be concise, clear, easy to read, good performance, and better than my solution.

And go to [url] to see more!

View 1 Replies View Related

JQuery :: AddClass - Change The Color Of Surrounding Text Of The Disabled Radio Button To The Color Grey

Feb 8, 2010

I have this markup:

[Code]...

There are two radio buttons, sometimes one will be disabled, other times the other will be disabled. I would like to make a script that: First: Changes the color of surrounding text of the disabled radio button to the color grey. Second: Checks the other radio button.

This was my plan: I would make a script that: First: Removes all the current classes and add the class "greyed_out" (or better: change only the color of) the parent element, all siblings and children of siblings (if any) of the radio button that is disabled at that time.Second: Sets the attribute "checked to the other radio button". I made a script, but when I set the bottom radio button to disabled the script doesn't work:

[Code]...

View 4 Replies View Related

JQuery :: When I Go Through The Sub Menus. Parent Menu Item's "a Color" Turns Into White Again But Not Background Color. Then Nothing Is Seen?

Oct 5, 2010

I am using superfish menu on the site below. http:[url]...when I go through the sub menus. parent menu item's "a color" turns into white again but not background color. then nothing is seen. I want it to stay as first hover condition (white bg and black text) when I walking through sub menus. I cannot override it.

View 1 Replies View Related

JQuery :: Get Opacity Of A Div?

Sep 12, 2011

Is there anyway to get the value of the opacity of a div using javascript. I tried to use the following syntax but it returns and undefined value code...

View 3 Replies View Related

JQuery :: Animate Opacity PNG In IE?

Jan 27, 2010

here is my [URL].. Basically when mouseover I animate the opacity. Works well in Firefox but in IE 8, the shadow appear on the text. Is there anything I miss out or is there any problem with my PNG file?

View 4 Replies View Related

JQuery :: Apply 50% Opacity To A Div?

Jan 29, 2010

I was trying to apply an alpha of 50% to a div but using opacity with CSS but it is not validated in CSS 2.1.

View 5 Replies View Related

JQuery :: Dialog Opacity With IE8?

May 13, 2010

I am seeing a weird issue where the dialog opacity does not work with IE8 browsers controlled by settings under a Windows Group policy. I can run IE8 from my house and the dialog opacity works fine. Does anyone know what Group Policy setting might turn off opacity in IE8?

View 2 Replies View Related

JQuery :: Animate Opacity In IE8?

Jun 4, 2010

I'm currently using the following code to animate three boxes on page load:

Code:
function animateVideo(){$('.video').animate({opacity:1.0,top:"-=50px"},500,"swing");}
function animateProduct(){$('.product').animate({opacity:1.0,top:"-=50px"},500,"swing");}
function animateMap(){$('.map').animate({opacity:1.0,top:"-=50px"},500,"swing");}

[Code]...

I've been told i can use the jQuery effect fadeTo() which will work, however i'm not sure how to adapt my animate() code to use the fadeTo() function at the same time as moving.

View 1 Replies View Related

JQuery :: Fixing IE8 Png Opacity Bug

Jun 8, 2010

I have a real problem with the google maps API in IE7/8, the "powered by google" which i can't remove due to the t&c's loses its alpha transparency when i apply opacity to it "to acheive the sliding in effect" seen here: [URL] I'm trying to set the alpha back using this:

Code:
$('#map_canvas div div a div div').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=http://maps.gstatic.com/intl/en_gb/mapfiles/poweredby.png)");
(jQuery)

But this does not seem to do anything, and looking at the source in firebug Lite for IE, it seems this is already set on multiple div's surrounding the logo anyhow.

View 6 Replies View Related

JQuery :: How To Apply An Opacity Effect

Feb 3, 2010

I have several images as thumbnails on my page and applied the 'changeImg()' function the onmouseover event. It then shows the thumbnail image as 'big' image at a certain position. It looks kind of boaring and it would be nice to apply jquery to have a nice effect problem: after quite some time I still don't seem to be able to integrate it into the existing javascript function.

[Code]...

View 3 Replies View Related

JQuery :: Animate Opacity IE6 Error

Apr 18, 2011

IE6 is reporting an error for this line:

Code:
$('#receptioncontent').animate({opacity: 'toggle', height: 'toggle'}, 'fast');
The error is:
"Unexpected call to method or property access."

It's strange because (I think) everything on the page works correctly - so I don't understand the error. If I uncomment the line above there are no errors.

jQuery version is 1.3.2 I'm testing in IE6 on Windows XP SP3. How can I stop this error from being reported?

View 1 Replies View Related

Color Cycling Not Working - Code Breaks Instead Of Resulting In Each Of The Four Circles Being A Different Color

Feb 13, 2011

Explain why when the lines of code that are commented out are reintroduced that this code breaks instead of resulting in each of the four circles being a different color?

View 2 Replies View Related

JQuery :: Animate Using Opacity Works But Sliding Does Not?

Mar 21, 2011

I have 2 divs on a page, the outer div has an inner div nested within it, both have different background images set to them. I managed to program the following fine:
$(function(){
$("div.outer").hover(
function() {
$("div.inner").stop().animate({"opacity": "0"}, "slow");
},
function() {
$("div.inner").stop().animate({"opacity": "1"}, "slow");
});
});

So that when you hover over the div, the inner div with the background image fades in, and then out on rollout. Why will the following code not slide the inner div up and down:
$(function() {
$("div.outer").hover(
function() {
$("div.inner").stop().animate({top:"-200px"},{queue:false,duration:200});
},
function() {
$("div.inner").stop().animate({top:"0px"},{queue:false,duration:200});
});
});
I am using jQuery 1.5 min.

View 2 Replies View Related

JQuery :: Include Child Element Opacity?

Sep 30, 2011

i am working with opacity. i dont want to include child tr with the table element opacity.

View 1 Replies View Related

JQuery :: .fadeTo Not Working With Just An Opacity Number?

Oct 25, 2010

according to the api, the fadeTo method can now be called with just an opacity in 1.4.3, no duration, however, i cant get it to work. here's a jsbin with what i've tried: [URL]if i modify .fadeTo(0) to .fadeTo('slow',0) it works.

View 3 Replies View Related

JQuery :: Image Caption With Opacity Fade?

Sep 8, 2010

Ive used this tutorial code...

But when I hover over the Wrapper DIV the Description DIV also fades.

I want the Description DIV to remain at 100 opacity even when I hover over the wrapper.

Is that possible?

View 3 Replies View Related

JQuery :: Superfish IE6 Dies With Opacity CSS Attribute

Jan 10, 2010

I have experimented in a variety of ways, and when I use the opacity CSS attribute, it kills the next level of the menu in IE6, FF as always no prob. Thus, when I had the CSS opacity code to <ul>, <li> does not appear. If I add it to <ul><li>, then the second level
<ul><li> <li>
does not appear. The menu's next level does not slide down, or out...

E.g. I am adding:
.sf-menu li li {
filter: alpha
opacity=80
;
}
To the Custom CSS field in the Joomla mod_superfishmenu module. I am using jQuery 1.2.6 and loading all SuperFish JS after mootools.js. I have also tried add it directly to superfish.css. I would love to add the animation, but can't get beyond opacity.

View 6 Replies View Related

JQuery :: Using Background Opacity On Dialog Without Modal?

May 4, 2011

How can i set the background opacity of jquery dialog without setting modal:true?I need this possibility because i can not use modal:true (i am using forms inside the dialog box

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved