|
|
| About site: Programming/Languages/JavaScript/W3C DOM/Sample Code - Highlight image script |
Return to Computers also Computers
|
| About site: http://www.dynamicdrive.com/dynamicindex4/highlight2.htm |
Title: Programming/Languages/JavaScript/W3C DOM/Sample Code - Highlight image script This script demonstrates using the DOM of IE 4/ NS 6 to dynamically highlight an image (apply a border to it) whenever the mouse moves over it.
|
|
|
|
|
Centre_for_Discrete_Mathematics_and_Theoretical_Computer_Science Research areas include artificial intelligence, combinatorial optimization, computability and complexity, and constructive algorithmics.
| Windows_XP_Developer_Center Articles, video presentations, compatibility and bug reports, and downloads for XP application programmers.
| WordPerfect_Universe Active, online users group with help and discussion forums, news, tips and tricks, macro snippets, large links collection. Covers all versions from DOS to the latest Windows version.
| SharePoint_Tips An online collection of tips, tricks and hints for SharePoint Team Services users, administrators and developers.
| Mobile_Junkies Provides Motorola and Sony modification tools and forums. Also offers games, themes, skins, applications and ringtones.
| Logo_Tree_Project Table of more than 160 known Logo implementations, past and present. Pavel Boytchev. [PDF]
|
|
| Alexa statistic for http://www.dynamicdrive.com/dynamicindex4/highlight2.htm |
Please visit: http://www.dynamicdrive.com/dynamicindex4/highlight2.htm
|
| Related sites for http://www.dynamicdrive.com/dynamicindex4/highlight2.htm |
| Mass_Inc_ Source for multi-screen display solutions. | | Just_Enough_DBI_to_be_Dangerous Slides and sample code from a talk given by Bradford Powell at a Raleigh Perl Mongers meeting. | | HP_Secure_OS_Software_for_Linux Server platform using compartmentalization to contain processes to known part of filesystem and network; has system level auditing, supports remote configuration. Mostly closed source. Was commercial | | ACIRI AT&T Center for Internet Research at ISCI | | Viola_Networks Provides distributed software solutions for SLA monitoring and VoIP pre-assessment and deployment testing. | | Scottish_Pro/USER_Group Information for Pro/E Users in Scotland and beyond, including news, events, links and more. | | Shinawatra_University Bachelor of Science in Computer Science program (international program). | | No_Flash_Intro Manchester based company specializing in Flash illustration and games. | | Denton_Software_Group Makers of ALP, for secure password storage, Field Inventory, for daily inventory counting tasks, and CPT, for computer tracking. | | Desktopdiary Download your free virtual diary/ desktop planner, with fully automated content and services, created by Tony Dyson the man who built R2-D2 for the film Star Wars. | | Wallpaper-Free-Desktop Free desktop wallpaper arranged in categories of art, music, animals, TV, sports, nature, holidays and others. | | ZDNet_Macintosh_Software_Library One of the largest directories of new and old Mac shareware, freeware, and commercial updates. | | IFCLib Library for interfacing to the Select 3 'ImageFileConvert' module stack. This system allows images of one type to be converted to another through a single SWI interface. | | Guy_Software Software to enhance business efficiency. PlanBee for Critical Path Project Management. HELLLP to produce WinHelp files. ParseRat for file and database parsing, conversion and data extraction. For all | | SG_Design_Group Specializing in design and development, graphic and package design, search engine optimization, e-commerce solutions, flash animations, and copy writing. | | Quartic_Ltd Offers web design, hosting, and ecommerce services; based in Leicestershire, UK. | | Net_Blasé Design, Flash, e-commerce, B2B, B2C, portals, and hosting. Based in Islamabad, Punjab, Pakistan. | | Xjuzr Offers hosting, design, and authoring services. | | JOGL_API_Project Java bindings for OpenGL API with OpenGL 1.5 specification | | Master_Data_Management__Truth_Behind_the_Hype CIO.com article by Thomas Wailgum suggesting that master data management may be sneaking up on SOA as the most overused IT buzzword. (May 18, 2007) |
|
This is websites2007.org cache of m/ as retrieved on 2008.09.07 websites2007.org's cache is the snapshot that we took of the page as we crawled the web. The page may have changed since that time.
|
Dynamic Drive DHTML Scripts- Highlight image Script II
.borderimage{
border:1px solid white;
}
/*
Highlight Image Script II-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
function borderit(which,color){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
which.style.borderColor=color
}
}
Submit FAQs Awards Usage Terms Contact
 border="0" />
Home
New
Revised
Tools
Forums
CSS Library
Home ![]() border="0" src="http://www.dynamicdrive.com/dynamicindex4/highlight2.htm/../ddincludes/arrow2.gif" width="8" height="10" />
Image onMouseover Effects ![]() border="0" src="http://www.dynamicdrive.com/dynamicindex4/highlight2.htm/../ddincludes/arrow2.gif" width="8" height="10" /> Here
Categories
Calendars
Date & Time
Document Effects
Dynamic Content
Form Effects
Games
Image Effects
Links & Tooltips
Menus & Navigation
Mouse and Cursor
Scrollers
Text Animations
User/System Preference
Window and Frames
Other
XML and RSS
Partners
DaniWeb Web Dev Community
DaniWeb is an exciting community for web developers, Internet marketers, and technology enthusiasts.
Other Sections
Script Forums
Recommend Us
Usage Terms
Free JavaScripts
Sweet Ads
Vertical1437 = false;
ShowAdHereBanner1437 = false;
RepeatAll1437 = false;
NoFollowAll1437 = false;
BannerStyles1437 = new Array(
"a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;}",
"img{border:0;clear:right;}",
"a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;}",
"a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}"
);
document.write(unescape("%3Cscript src="http://www.dynamicdrive.com/dynamicindex4/highlight2.htm/"+document.location.protocol+"//s3.buysellads.com/1437/1437.js?v="+Date.parse(new Date())+"' type='text/javascript'%3E%3C/script%3E"));
Compatibility
IE5+: IE 5 and above
FF1+: Firefox 1.0+. NS6+ and FF beta are
assumed as well.
Opr7+: Opera 7 and above.
Bookmark document.write(ddscripttitle) online:
Bookmark to del.icio.us
Bookmark to Furl.net
addthis_pub = 'georgeuser';
 border="0" alt="" />
if (showincontentheader)
document.write(''+revised_ranban[ran_num]+'')
FF1+ IE5+ Opr7+
Highlight image Script II
Author:
Dynamic Drive
Description: We got our
inspiration for this script from the site Mcafee.com, which contains such an effect on one
of its pages. Move your mouse over any of the participating images, and a border is
applied to it onMouseover. The border color is customizable for each image. This script
works in both IE 4+ and NS 6+, and as always, degrades well with the rest
of the bunch.
Demo:
Move your mouse over any of the following
three images:
 border="0" class="borderimage" onMouseover="borderit(this,'black')"
onMouseout="borderit(this,'white')">
 border="0" class="borderimage" onMouseover="borderit(this,'brown')"
onMouseout="borderit(this,'white')">
 border="0" class="borderimage" onMouseover="borderit(this,'blue')"
onMouseout="borderit(this,'white')">
Directions  border="0">
Step 1: Insert the below into
the <head> section of your page:
Select All
<style>
.borderimage{
border:1px solid white;
}
</style>
<script language="JavaScript1.2">
/*
Highlight Image Script II-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
function borderit(which,color){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
which.style.borderColor=color
}
}
</script>
Step 2: Add the below inside
the <img> tag of all of the images you want the effect applied to:
Select All
class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')"
An example would be:
<img src="http://www.dynamicdrive.com/dynamicindex4/highlight2.htm/"man.gif""
class="borderimage"
onMouseover="borderit(this,'black')"
onMouseout="borderit(this,'white')">
Copyright © 1998-2008
Dynamic Drive. Please read Terms Of Use here before using any of the scripts.
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src="http://www.dynamicdrive.com/dynamicindex4/highlight2.htm/" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
var pageTracker = _gat._getTracker("UA-55377-2");
pageTracker._initData();
pageTracker._trackPageview();
|
|
| |
This | script | demonstrates | using | the | DOM | of | IE | 4/ | NS | 6 | to | dynamically | highlight | an | image | (apply | a | border | to | it) | whenever | the | mouse | moves | over | it. |
|
http://www.dynamicdrive.com/dynamicindex4/highlight2.htm
Highlight image script 2008 September
dvd rental
dvd
This script demonstrates using the DOM of IE 4/ NS 6 to dynamically highlight an image (apply a border to it) whenever the mouse moves over it.
Rules
|
© 2008 Internet Explorer 5+ or Netscape 6+
|
|
Recommended Sites: 1.
Arts -
Business -
Computers -
Games -
Health -
Home -
Kids and Teens -
News -
Recreation -
Reference -
Regional -
Science -
Shopping -
Society -
Sports -
World
Miss Gallery
- Top Anime Hentai
- DVD rental by mail
- Casino Evening - Online Advertising - Fast Loans - Car Credit - Fast Loans
|
