views:

21

answers:

1

Is it possible to apply shadow for header <h3> tags jquery....

alt text

Here home,Manage users,Enquiry and reports are headers and i would like to add shadow to it... I looked for jquery shadow plugin which has div samples but how to apply the same for header tags?

<script type="text/javascript">
    $(function(){
       $("#exampleDiv").shadow({
           width:5, 
           startOpacity:60, 
           endOpacity:10, 
           cornerHeight:8, 
           color:"#000000"
       });
    })
</script>
A: 

does this won't work?

$(function(){
   $("h3").shadow({
       width:5, 
       startOpacity:60, 
       endOpacity:10, 
       cornerHeight:8, 
       color:"#000000"
   });
})
Reigel
@reigel it works but it breaks my accordion (ie) home tab seems to get shorter and other tabs seems to get squeezed to lesser width..
Pandiya Chendur
yes!... because your h3 are now wrap with div or some sort... I can't think of a way around it... `.shadow()` breaks your dom... that's why accordion is not working as expected...
Reigel
The CSS3 shadow attribute works in most modern browsers, and it's a lot simpler to use. Nowadays, I'd just go with that...
alecwh