Just nu i M3-nätverket
Gå till innehåll

Hur gör man denna effekt till forms?


Peter Bergströmm

Rekommendera Poster

Peter Bergströmm

Har sökt på nätet men har inte lyckats hitta hur man gör denna effekt;

 

http://pupius.co.uk/contact/

 

...som ni ser på sidan så förändras bakgrunds och ramens färg på forms när man markerar dem.

 

Någon som har koll på hur man gör denna effekt, tacksam för alla svar!

 

[inlägget ändrat 2004-08-19 03:48:07 av Peter Bergströmm]

Länk till kommentar
Dela på andra webbplatser

Tjena, här har du ett komplett exempel (som jag tror är självförklarande, säg till annars):

 

<html><head>
<style type="text/css">
	.Blurred {
		border:1px solid #cccccc;
		background-color:#eeeeee;
		color:#aaaaaa;
	}
	.Focused {
		border:1px solid #000000;
		background-color:#cccccc;
		color:#000000;
	}
</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function DoBlur(obj) {
	obj.className='Blurred';
}
function DoFocus(obj) {
	obj.className='Focused';
}
//-->
</SCRIPT>
</head><body>
<input class="Blurred" type="text" onfocus="DoFocus(this);" onblur="DoBlur(this);">
<input class="Blurred" type="text" onfocus="DoFocus(this);" onblur="DoBlur(this);">
</body></html>

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...