473,395 Members | 1,554 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,395 software developers and data experts.

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

--------------------------------------------------------------------------------

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
3 1133
harshmaul
490 Expert 256MB
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
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
490 Expert 256MB
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

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

Similar topics

9
by: Alex Bell | last post by:
Please review http://www.members.iinet.net.au/~abell1/test/TempMain.html and http://www.members.iinet.net.au/~abell1/test/TempActy.html They both use city.css in the same directory, and are both...
9
by: kai | last post by:
Hi, All I create an ASP.NET page, it contains FirstName textbox and LastName textbox. I setup "enableViewState=false" in page directive. When I enter data in FirstName and LastName textbox,...
7
by: TPS | last post by:
I don't want to use QueryString variables to pass data from page to page because the user can see and manipulate it. ( I know I can check for valid data, and I do). What other methods are...
182
by: Jim Hubbard | last post by:
http://www.eweek.com/article2/0,1759,1774642,00.asp
22
by: | last post by:
Hi I really hope that this posting is not a breach of netiquette. I keyed in some code copied from p.530 of The Complete Reference HTML Third Edition which is a popular book. I have listed it...
34
by: emrahayanoglu | last post by:
Hello Everyone, Now, I'm working on a new web framework. I tried many test on the other programming languages. Then i decided to use python on my web framework project. Now i want to listen...
0
by: kavan | last post by:
hello dear all please kindly explain me. I want to know how can i know when user close the browser. I found many sample in some forum but i don't think it not a good...
0
by: acknowledged74 | last post by:
Hi I've been looking around for sometime but can't seem to find any tutorials on page loading. i.e. when the elements ( buttons, pictures etc) wiz onto the screen from different places with noises...
136
by: 1001 Webs | last post by:
Every respected Web-authoring Guru says that. This is the era of table-less design, CSS code, XHTML compliant websites. Separate layout from content. There's no reason to use tables any more....
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.