August 29, 2008 08:02pm pdt

1. hielo 2,690,601
2. mplungjan 705,501
3. b0lsc0tt 540,197
4. Zvonko 367,425
5. wilq32 263,150
6. Kravimir 196,325
7. HonorGod 188,541
8. JohnSixkiller 182,639
9. Lolly-Ink 169,657
10. logudotcom 148,089
11. GreenGho... 145,434
12. LordOfPo... 119,852
13. third 112,491
14. scrathcyboy 101,283
15. Badotz 100,021
16. pratima_... 80,026
17. Roonaan 76,409
18. neeraj523 72,568
19. hernst42 71,352
20. zemond 69,945
21. contactka... 68,735
22. TimCottee 67,130
23. nivlam 63,725
24. MMDevelo... 62,221
25. ali_kayahan 58,980

1. Zvonko 6,286,941
2. mplungjan 4,499,345
3. hielo 2,891,167
4. b0lsc0tt 1,319,311
5. devic 1,313,415
6. Gwynfor... 1,304,602
7. third 1,278,143
8. archrajan 1,212,417
9. pravinasar 962,461
10. Roonaan 921,444
11. Zyloch 896,841
12. Batalf 873,511
13. knightEkni... 861,184
14. amit_g 676,596
15. basicinsti... 615,955
16. dakyd 577,760
17. HonorGod 557,216
18. CJ_S 549,361
19. gops1 544,262
20. callrs 523,535
21. jaysolomon 488,264
22. stanscott2 435,346
23. dbritt 429,998
24. fritz_the... 401,297
25. TName 400,965

06.25.2008 at 02:18AM PDT, ID: 23513755

	[x] Attachment Details

Div contents to appear or disappear gradually

Asked by Dada44 in JavaScript, Cascading Style Sheets (CSS), Asynchronous Javascript and XML (AJAX)

Tags: Javascript, CSS, Ajax, IE, FireFox, Safari

Dear all,

I have the scrip below that shows or hides the divMain contents if you put the mouse over some text.
Now the contents appear or disappear abruptly, and I would like them to show or hide gradually, with certain opacity. How can it be done??

Also, I have to place the mouse over the "***Show or hide divMain***" text in order to make the script work.
Could it be possible to place the mouse over the div (divMain) to make it show or hide???

Thanks a million in advance!!!!Start Free Trial

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

           
           
             <head>
   <script type="text/javascript" language="JavaScript"><!--
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script>
  </head>
  <body>
 
 
<a onmouseover="ReverseContentDisplay('divMain'); return true;"
   href="javascript:ReverseContentDisplay('divMain')">
***Show or hide divMain***
</a>
 
<br><br>
<div id="divMain">
I have a picture and some text here in divMain <br><img src="picture.jpg">
</div>
  </body>

           
         

Keywords: Div contents to appear or disappear gr…

	Title
1	How to decrese Opacity gradually
2	Assistance with CSS and opacity setti…
3	Disable a DIV ?
4	Applying script functionality to a div
5	Creating new DIV ?
6	DIV opacity filter

Loading Advertisement...

20080716-EE-VQP-32 / EE_QW_2_20070628

Div contents to appear or disappear gradually

Asked by Dada44 in JavaScript, Cascading Style Sheets (CSS), Asynchronous Javascript and XML (AJAX)

Tags: Javascript, CSS, Ajax, IE, FireFox, Safari

About this solution