css¿ØÖÆÍ¼Æ¬°´±ÈÀýËõС
IE6ʵÏÖ·½·¨:
HTML²¿·Ö:
<imgsrc="..."alt="..."onload="resizeImage(this)"/>
JS²¿·Ö:
<mce:scripttype="text/javascript"><!--
functionresizeImage(obj){
obj.width=obj.width>50&&obj.width>obj.height?50:auto;
obj.height=obj.height>50?50:auto;
}
// --></mce:script>
·ÇIE6ʵÏÖ·½·¨:
HTML²¿·Ö:
<img src="image/test1.jpg" mce_src="image/test1.jpg" class="thumbImage"/>
CSS²¿·Ö:
.thumbImage {
max-width: 150px;
max-height: 50px;
}
* html .thumbImage {
width: expression(this.width > 150 && this.width > this.height ? 150 : true);
height: expresion(this.height > 50 ? 50 : true);
}
·ÇIE6ͨ¹ýCSSÖеÄmax-width,¼°max-heightÊôÐÔÀ´ÏÞÖÆÍ¼Æ¬µÄ×î´ó¿í¶È¼°×î´ó¸ß¶È¡£
Ïà¹ØÎĵµ£º
¼æÈÝIE¡¢FireFox¡¢Chrome
//¼ÓÔØjs
function loadJs(){
if (!getObj('script_PlData')){
var scriptObj= document.createElement("script");
//scriptObj.id = 'script_1';
&nb ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css"><!--
#navsite h5 {
display: none
}
#navsite ul {
......
cssÂúÆÁ²¼¾ÖÓëulºÍliÁбí <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<meta content="text/html; charset=u ......
ºÜ¶àʱºòÍøÒ³Éè¼ÆÖлáÓöµ½¾ÓÖд¦ÀíÎÊÌ⣬°üÀ¨ºáÏòˮƽ¾ÓÖкʹ¹Ö±ÊúÖ±¾ÓÖÐÎÊÌ⣬¶ÔÓÚǰÕßÒ»°ãµÄ·½·¨¿ÉÒÔ²ÉÓÓtext-align:center”ºÍ“margin:0 auto”½øÐÐÓÐЧ¿ØÖÆ£¬Ïà¶Ô±È½Ï¼òµ¥Ò»Ð©£»¶ø´¹Ö±Ë®Æ½¾ÓÖеÄÎÊÌâ¾ÍÏԵò»ÊÇÄÇôÈÝÒס£
ÏÂÃæ±¾Õ¾¾Í´ËÎÊÌâ̸һµãCSS¶ÔÎı¾½øÐд¹Ö±ÊúÖ±¾ÓÖпØÖƵļ¼ÇÉ¡£
µ¥ÐÐÎ ......
cursorÖÐhandÓëpointer
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:hand">CSSÊó±êÊÖÐÍЧ¹û</a>
pointerÒ²ÊÇÊÖÐÍ£¬ÕâÀïÍÆ¼öʹÓÃÕâÖÖ£¬ÒòΪÕâ¿ÉÒÔÔÚ¶àÖÖä¯ÀÀÆ÷ÏÂʹÓá£
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:pointer">CSSÊó±êÊÖÐÍЧ¹û</a>
crosshairÊÇÊ®×ÖÐÍ
Àý×Ó£ºCSSÊó± ......