从网上搜出了淘宝的面试题,做了一下,把代码贴出来,一起讨论下!
题目是从http://www.rainweb.cn/article/304.html中得来的
<div class="wrap"> <div class="right"> <div class="r_first"> <div class="r_first" id="r_first" onmouseover="zoomDiv(this.id,1.25,1.25)" onmouseout="zoomDivOut(this.id)"></div> </div> </div> <div class="left"> <div class="l_first"> <div class="l_first" id="l_first" onmouseover="zoomDiv(this.id,1.25,1.25)" onmouseout="zoomDivOut(this.id)"></div> </div> <div class="blank10"></div> <div class="l_second"> <div class="l_second" id="l_second" onmouseover="zoomDiv(this.id,1.25,1.25)" onmouseout="zoomDivOut(this.id)"></div> </div> </div> </div>
.wrap{ width:960px;margin:0 auto; position:relative; z-index:1;} .left{ width:220px; float:left; position:relative;z-index:2;} .right{ width:730px;float:right;position:relative; background:#ccc;z-index:2;} .l_first{ height:200px;background:#ccc;z-index:3;} .l_first_b{background:#FF9; position:absolute;z-index:100;filter:alpha(opacity=70);opacity:0.75; } .l_second{ height:200px;background:#ccc;z-index:3;} .l_second_b{ background:#FF9; position:absolute;z-index:100;filter:alpha(opacity=70);opacity:0.75; } .r_first{height:410px;z-index:3;} .r_first_b{ background:#FF9; position:absolute;z-index:100;filter:alpha(opacity=70);opacity:0.75; } .blank10{ height:10px;line-height:0; font-size:0; overflow:hidden;}
function zoomDiv(obj,x,y){ var o =document.getElementById(obj);//此处不能加引号,引号内的为字符串,不是变量 var oldWidth=o.offsetWidth; var oldHeight=o.offsetHeight; o.style.width=oldWidth*x+"px"; o.style.height=oldHeight*y+"px"; o.className=obj+"_b"; } function zoomDivOut(obj){ var o =document.getElementById(obj);//此处不能加引号,引号内的为字符串,不是变量 o.style.width=''; o.style.height=''; o.className=obj; }
发表评论
-
测试代码高亮
2012-10-22 15:28 0HTML <h3 class="sh_a ... -
href="javascript:scroll(0,500)"
2012-08-28 10:44 454<a href="javascript:scr ... -
网站与博文收藏
2011-09-09 19:44 852看见好的文章总是忍不住收藏一下! http://w3h ... -
FF下面实现outerHTML
2011-07-20 22:06 817http://w3help.org/zh-cn/causes/ ... -
如何实现图片预加载
2011-07-19 10:29 679function loadImage(url, callbac ... -
数组排序专题(二)------快速排序(大量数据)
2011-07-14 14:14 1147看了阮一峰介绍的快速排序方法,觉得受益匪浅 下面是他的链接h ... -
javascript常见扩展方法
2011-07-08 14:44 9171.去掉数组中重复的值 Array.protot ... -
数组排序专题(一)---冒泡排序
2011-06-14 14:44 908最基本的题目:一个数组,未知长度,按从小到大的顺序进行排列;现 ... -
删除数组中重复的元素
2011-06-07 11:02 775//删除数组中重复的元素 var numArr=[6, ... -
javascript中style后面的属性与CSS中的属性区别
2011-05-06 14:36 766在javascript中style后面的属性与 ... -
获取div、网页、屏幕、浏览器的宽高
2011-05-03 17:37 0test -
闭包实例
2011-04-29 10:39 612闭包是JS中重点难点,自己看了N多文章和实例,检测一下! ... -
type属性是否可以动态修改?
2011-04-23 10:34 611在IE中,type为只读,无法动态修改,除非是通过create ... -
某公司js试题(转来的)
2010-11-26 15:31 1161首先多谢BlueCat,这是从他那转过来的; 1、笔试 ... -
前端开发工程师面试题(转来的)
2010-10-08 16:09 741前端工程师面试题!!! ...
相关推荐
c++面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试...
面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题面试题...
【BAT必备】分布式相关面试题大全面试题【BAT必备】分布式相关面试题大全面试题【BAT必备】分布式相关面试题大全面试题【BAT必备】分布式相关面试题大全面试题【BAT必备】分布式相关面试题大全面试题【BAT必备】...
JAVA面试题JAVA面试题JAVA面试题JAVA面试题JAVA面试题JAVA面试题
2023java最新阿里巴巴面试题2023java最新阿里巴巴面试题2023java最新阿里巴巴面试题2023java最新阿里巴巴面试题2023java最新阿里巴巴面试题2023java最新阿里巴巴面试题2023java最新阿里巴巴面试题2023java最新阿里...
淘宝java面试题.pdf
最全的j2EE面试题,题量大、经典,是我面试的整理试题 1、java笔试题大集合 2、各个公司面试题 3、J2EE初学者面试题 4、J2EE面试题(打码查错题) 5、java_华为笔试题 6、java常见面试题 7、java程序员面试宝典 8、...
JAVA面试题JAVA面试题JAVA面试题JAVA面试题JAVA面试题JAVA面试题JAVA面试题JAVA面试题JAVA面试题
.net面试题.net面试题.net面试题.net面试题.net面试题.net面试题.net面试题.net面试题.net面试题.net面试题
JavaOOP面试题 Java集合/泛型面试题 Java异常面试题 Java中的IO与NIO面试题 Java反射面试题 Java序列化面试题 Java注解面试题 多线程&并发面试题 JVM面试题 Mysql面试题 Redis面试题 Memcached面试题 MongoDB面试题 ...
c#笔试面试题 c#笔试面试题 c#笔试面试题 c#笔试面试题 c#笔试面试题
ERP工程师面试题ERP工程师面试题ERP工程师面试题ERP工程师面试题
java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题java面试题...
.net面试题.net面试题.net面试题.net面试题.net面试题.net面试题.net面试题.net面试题
面试题 面试题 面试题 面试题 面试题 面试题 面试题
大数据面试题V3.0完成了。共523道题,679页,46w+字,来源于牛客870+篇面经。 主要分为以下几部分: Hadoop面试题:100道 Zookeeper面试题:21道 Hive面试题:47道 Flume面试题:11道 Kafka面试题:59到 HBase面试题...
数据库面试题数据库面试题数据库面试题数据库面试题数据库面试题数据库面试题数据库面试题数据库面试题
最新各大公司企业真实面试题-Java面试题最新各大公司企业真实面试题-Java面试题
flahas3.0面试题 flash as3.0面试题 as3.0面试题 as3.0面试题最新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新面试题新...