- 1、本文档共12页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性)答:document.onclick=function(e){? e=e||window.event;? var o=e.srcElement||e.target;? alert(o.tagName);}? ?2 请指出一下代码的性能问题,并经行优化。?? var info=腾讯拍拍网()是腾讯旗下知名电子商务网站。;?? info +=拍拍网于2005年9月12日上线发布,;?? info +=2006年3月13日宣布正式运营,;?? info +=是目前国内第二大电子商务平台。;?? info=info.split(,);?? for(var i=0; iinfo.length; i++)??? {?????? alert(info[i]);??? }答:输出字符串没有必要用for。3?? 请给出异步加载js方案,不少于两种。答:1.直接document.write);??????? script??????? document.write(script src=test.js/script);??????? /script???? 2.动态改变已有script的src属性??????? script src= id=s1script??????? script??????? s1.src=test.js??????? /script???? 3.动态创建script元素??????? script??????? var oHead=document.getElementsByTagName(HEAD).item(0);??????? var oScript=document.createElement(script);??????? oScript.type=text/javascript;??????? oScript.src=test.js;??????? oHead.appendChild(oScript);?????? /script4?? 请写出jQuery绑定事件的方法,不少于两种。答:$().click()$().ready()$().change()$().focus()5?? 请设计一套方案,用于确保页面中JS加载完全。答:原生用onload,jq用ready。
6. 用 CSS 实现布局
让我们一起来做一个页面
首先,我们需要一个布局。
请使用 CSS 控制 3 个 div,实现如下图的布局。
这题不难,在平时项目开发过程中也经常会碰到:
主要考虑几个问题:1. IE6 的 3 像素 BUG;2. 清楚浮动;
CSS代码
[css]?view plaincopy
1. *{margin:0;padding:0;}??
2. div{background:blue;}??
3. .frist{float:left;width:100px;height:150px;}??
4. .second{clear:left;float:left;width:100px;height:150px;margin:10px?0?0?0;}??
5. .third{width:200px;height:310px;margin-left:110px;_margin-left:107px;}??
XML/HTML代码
[html]?view plaincopy
1. div?class=first?id=first1/div??
2. ??
3. div?class=second?id=second2/div??
4. ??
5. div?class=third?id=third3/div??
7. 用 javascript 优化布局
由于我们的用户群喜欢放大看页面
于是我们给上一题的布局做一次优化。
当鼠标略过某个区块的时候,该区块会放大25%,
并且其他的区块仍然固定不动。
提示:
也许,我们其他的布局也会用到这个放大的效果哦。
可以使用任何开源代码,包括曾经你自己写的。
关键字:javascript、封装、复用
惭愧啊,用上边那个布局我怎么也没把它优化出来,硬这头皮用绝对定位改了布局;
所以样式改成了这样
[css]?view plaincopy
1. *{margin:0;padding:0;}??
2. div{background:blue;?position:absolute}??
3. .first{width:100px;height:150px;float:left;}??
4. .second{top:160px;width:100px
您可能关注的文档
- 中经原油知识综述.ppt
- 中美关系中英对照综述.doc
- 中美大豆战中出口补贴措施的作用影响分析综述.doc
- 中美台专利法基础知识综述.ppt
- WEB环境问题解决分解.doc
- 初一角的比较讲义.ppt
- 中美贸易失衡综述.doc
- 中美贸易现状与分析综述.ppt
- 中美股市的差异综述.pptx
- 中美逮捕制度比较综述.ppt
- 2024高考物理一轮复习规范演练7共点力的平衡含解析新人教版.doc
- 高中语文第5课苏轼词两首学案3新人教版必修4.doc
- 2024_2025学年高中英语课时分层作业9Unit3LifeinthefutureSectionⅢⅣ含解析新人教版必修5.doc
- 2024_2025学年新教材高中英语模块素养检测含解析译林版必修第一册.doc
- 2024_2025学年新教材高中英语单元综合检测5含解析外研版选择性必修第一册.doc
- 2024高考政治一轮复习第1单元生活与消费第三课多彩的消费练习含解析新人教版必修1.doc
- 2024_2025学年新教材高中英语WELCOMEUNITSectionⅡReadingandThi.doc
- 2024_2025学年高中历史专题九当今世界政治格局的多极化趋势测评含解析人民版必修1.docx
- 2024高考生物一轮复习第9单元生物与环境第29讲生态系统的结构和功能教案.docx
- 2024_2025学年新教材高中英语UNIT5LANGUAGESAROUNDTHEWORLDSect.doc
文档评论(0)