By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,730 Members | 1,567 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,730 IT Pros & Developers. It's quick & easy.

I want to know how to do an effect on a web page , help me please

P: 2
--------------------------------------------------------------------------------

I've never seen this before , but I had this idea , and i thought that maybe one internet pro could help me

so , what i want to do is :

put a magnifier as a cursor , and like a circunference , it would have a radius , about 3 centimetres . then imagine a black page , with hidden stuff , like images , and where the magnifier was , the things were revealed , by his passage . .

[ im sorry , my english is very bad , im portuguese , and its kinda hard to express myself on this subject =P ]

so , anyone can help me ??

thk u
Mar 17 '08 #1
Share this Question
Share on Google+
3 Replies


harshmaul
Expert 100+
P: 490
i don't think you can implement that purely using html and css. i think you need to use a bit more javascript.

Howvere i had a go, and i got you a starting point.

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
  3. <head>
  4. <title>color changer</title>
  5. <style type="text/css">
  6. body{background-color:#000000;}
  7. div{color:#000000;display:block;float:left;}
  8. div:hover{color:#ffffff;}
  9.  
  10. </style>
  11. </head>
  12. <body>
  13.  
  14. <div>
  15. the scripts
  16. </div>
  17. <div>
  18. is a
  19. </div>
  20. <div>
  21. very helpful site
  22. </div>
  23. <div>
  24. i am doing
  25. </div>
  26. <div>
  27. this using
  28. </div>
  29. <div>
  30. CSS and the
  31. </div>
  32. <div>
  33. hover property
  34. </div>
  35. <div>
  36. make sure
  37. </div>
  38. <div>
  39. you validate
  40. </div>
  41. <div>
  42. all of your code.
  43. </div>
  44. <div>
  45. i didn't
  46. </div>
  47. <div>
  48. validate here
  49. </div>
  50. <div>
  51. because i'm
  52. </div>
  53. <div>
  54. lazy, but
  55. </div>
  56. <div>
  57. it should
  58. </div>
  59. <div>
  60. still be
  61. </div>
  62. <div>
  63. valid
  64. </div>
  65. </body>
  66. </html>
Mar 17 '08 #2

P: 2
thanks for helping , but i didnt understand it very well =$

i know almost nothing about this web codes and scripts =X

and i dont know how to validate .. .

and u said u were giving me a start , but i dont know how to continue it .. .

if u could help me , i would appreciate =)
Mar 17 '08 #3

harshmaul
Expert 100+
P: 490
Understood.
before you start digging in to code and complex ideas i suggest you start at the beginging. learn what html/xhtml is.

Use w3schools to learn more how to use the scripts.

And when you get stuck with certain scripts we can help you there. We are here and happy to help, but not do your code for you.

Good luck, and i hope to see you soon
Mar 19 '08 #4

Post your reply

Sign in to post your reply or Sign up for a free account.