Hide the background image by one click

Computer Programming Forums : Questions and Answers, Articles, Tutorials, and Code Snippets

Switch to full style
HTML code examples
Post a reply
DrRakha
  • DrRakha
  • Posts: 2715
  • Joined: Tue Mar 27, 2007 10:55 pm
  • Location: Earth
  • Website

Hide the background image by one click

Fri Dec 16, 2011 8:43 pm

Following html code using onclick event and the className property of the body tag to remove the background image on user click.

Code:
<html>
<head>
<title>Remove the background image by clicking</title>
<style>
       .type2 { background-image:none;!important }
</style>
</head>
<body  
      bgproperties="fixed" 
      background="site_logo.gif" 
      onclick="this.className='type2'">

Hide the background image by one click.

</body>
</html>
    
 




Post a reply
  Related Posts  to : Hide the background image by one click
 Show image when click on link     -  
 Move image in front of a background image     -  
 click,double click,focus,blur and hover actions in JQuery     -  
 No repeated background image     -  
 Set position of background image in pixels     -  
 Repeat background image on x axis     -  
 right bottom background image position     -  
 Start background image from its bottom     -  
 Repeat background image on y axis     -  
 Table background image problem     -  

Topic Tags

HTML Image
Switch to full style

Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com


Powered by phpBB © phpBB Group.


Codemiles.com