我的阿里UED答题

不喜欢用别人写的框架,所以没用框架,全是自己写的代码~

本来想一张惯例把代码全发出来,想了想还是只发部分代码了,毕竟这是”考试”。

浏览器兼容:火狐,IE7,IE6,IE5.5,IE5,Opera9.25,Safari3.0.5显示正常

CSS用的绝对定位,Body区域中DIV只有Class,这我写过的最简洁的~
脚本只用一个document.onmouseover=function(e)加载,然后根据className来决定是否放大该层

演示地址:http://www.miaoqiyuan.cn/products/wo-aliued.html
注:源程序支持火狐,IE7,IE6,IE5.5,IE5,Opera9.25,Safari3.0.5并测试正常,通过W3C校验,但因程序代码用了加密,服务器端程序(http://www.miaoqiyuan.cn/products/wo-aliued.asp
)不能读取Firefox的来路信息,所以请用IE测试~

2
3
4
5
6
<body>
<div class="mqycn001"></div>
<div class="mqycn002"></div>
<div class="mqycn003"></div>
</body>
1
2
3
4
body div{position:absolute;background:#66F}
.mqycn001 {left:20px;top:20px;width:300px;height:200px;}
.mqycn001_0 {left:19px;top:19px;width:375px;height:250px;}
/*省略部分CSS代码*/
1
2
3
4
5
document.onmouseover=function(e){
	e = window.event || e;
	var o = e.srcElement || e.target;
/*省略部分JavaScript代码*/
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.