jQuery第七章课后作业

最新推荐文章于 2021-11-26 17:27:50 发布
VIP文章 最新推荐文章于 2021-11-26 17:27:50 发布
阅读量6k 收藏 22
点赞数 4
分类专栏： jQuery制作网页高级特效
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suixincaesar/article/details/81178050
版权

4.制作页面导航特效，初识状态下仅显示“购物特权”主菜单，单击“购物特权”二级菜单在显示和隐藏之间切换，当鼠标指针移至二级子菜单上时，子菜单添加背景景色。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
<title>导航特效</title>
<style type="text/css">
*{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#nav .navsBox{
	width: 160px;
}
#nav .navsBox .firstNav{
	height:45px;
	line-height:45px;
	background-color:#EBEBEB;
	border-left:10px solid #FE705C;
	padding-left:20px;
	width:130px;
	font-weight:bold;
	cursor: pointer;
}
#nav .navsBox ul{
	display:none;
	list-style:none; 
}
#nav .navsBox ul li{
	display:block;
	height:45px;
	line-height:45px;
	padding-left:70px;
	width:90px; 
	background:#F2F2F2 33px 7px no-repeat;
}

#nav .navsBox ul li.jedh{
	background-image:url("./images/huan.gif");
}
#nav .navsBox ul li.jlbbyk{
	background-image:url("./images/you.gif");
}
#nav .navsBox ul l
最低0.47元/天 解锁文章
suixinCaesar
关注
  • 4
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery第七章上机练习和课后作业
08-08
这是我做的小作业,适合前端学习,如果有问题大家一起学习进步
使用JQuery快速高效制作网页交互特效第七章上机一
weixin_44269168的博客
06-30 3610
*{margin: 0; padding:0; font-size: 12px;} ul,ol,li{list-style: none;} #nav{width: 100px; margin: 0 auto;} #nav li{height:36px;} #nav li span{ display: block; float: right; width: 35px; height: 35px; b...
JS高级程序设计-第七章：函数表达式
yutingwu816的博客
03-04 246
函数声明和函数表达式的区别 使用函数声明的方法定义函数时，会有变量提升，但是函数表达式则不会； 使用函数表达式来实现递归： function factorial(num) { if(num <= 1) { return 1 } else { // arguments.callee ...
jQuery基础教程第四版第7章练习
rainrainer的博客
08-28 265
(1) 把幻灯片的切换周期延长到1.5秒，把动画效果修改为下一张幻灯片淡入之前，前一张幻灯片淡出。请参考Cycle插件的文档，找到实现上述功能的选项。 var $books = $(’#books’).cycle({ timeout: 1500, //2000 speed: 200, pause: true, fx:‘fade’, //加了看不出效果，貌似默认就是这个值 … 思路：Cycle插件主...
第7章jQuery
wa2661391317的博客
03-05 245
jQuery是什么 jQuery是一个在页面中引用的JavaScript文件。它允许你通过CSS样式选择器来找到一些元素，并且在这些元素上使用jQuery提供的一些方法。 使用CSS样式选择器查找元素 和DOM主要的不同之处 jQuery代码也是写在js文件里面 为什么使用jQuery 1.简单的选择器； 2。使用更少的代码完成常见任务； 3.跨浏览器兼容性；w ...
js第7章DOM 课后习题——利用HTML DOM实现全选、全不选、反选功能
WHT869706733的博客
11-26 7146
填空题 DOM中__document.createElement()____方法可用于创建一个元素节点。 HTML DOM中的根节点是_<html>标签_____。 判断题 document.querySelector('div').classList可以获取文档中所有div的class值。（ ×） 删除节点的removeChild()方法返回的是一个布尔类型值。（×） HTML文档每个换行都是一个文本节点。（ √） document对象的getElementsByClassN...
jQuery入门第七章（事件）
m0_56344602的博客
09-11 560
事件解绑 解绑事件 $(选择器).off('事件类型'); 如果要针对性解绑某个事件处理函数，需要把事件处理函数起个名字，再名字解绑。 $(选择器).off('事件类型', 事件处理函数名称); 事件对象 基本概念 每个事件在触发的时候，都有事件对象，记录了事件触发时候的一些信息。 如何获取事件对象 在事件处理函数写个形参名称，常用的名字 event , ev , e 。 鼠标事件对象中，可以获取鼠标坐标值 ， clientX， clientX ，pageX, pageY..
JavaScript第七章课后作业
weixin_38169206的博客
03-14 742
除教材理论部分第七章之后的作业之外,另外完成以下内容 前三个题目每个人必做,第四题可选,有能力就做,暂时没能力可以以后再做. 第一题: 如下代码: <form name="frm"> ... <br> <select name="sltYear"> <option value="">--选择年--</option&g...
jquery级试题_jQuery及jQuery EasyUI-中国大学mooc-试题题目及答案
weixin_32620249的博客
12-29 166
使用空调应按时清理室内机滤网。()处于不同的环境条件下，企业可采用的研究与开发战略有()。汽车多用刹车费油。()在行业吸引力——竞争能力矩阵里，属于行业吸引力的因素有()。汽车的消音器出故障时会增加油耗。()衰退产业中的竞争战略主要选择有()。生活垃圾填埋处理的目的是将垃圾掩埋起来，使其与地下水隔开，保持干燥且不与空气接触。()下列战略中属于竞争战略的是()。集中化战略可以分为()。我国目前主要大...
北大青鸟jQuery第二章上机练习加课后
03-05
北大青鸟jQuery第二章上机练习加课后作业
JS/JQuery-第7章上机练习.zip
04-20
【原创作者田超凡，未经许可请勿转发，侵权仿冒必究】
北大青鸟ACCP8.0使用jQuery快速高效的制作网页交互特效 第七章 上机+课后+上课实例代码
05-29
北大青鸟ACCP8.0使用jQuery快速高效的制作网页交互特效 第七章 上机+课后+上课实例代码
JQuery基础教程之第七章
11-04
JQuery基础教程之第七章后续章节看我后续资源jquery全套教程： JQuery基础教程之前言和前三章:http://download.csdn.net/source/745869 JQuery基础教程之第四章:http://download.csdn.net/source/745907 JQuery基础教程之第五章:http://download.csdn.net/source/745975 JQuery基础教程之第六章:http://download.csdn.net/source/747968 JQuery基础教程之第七章:http://download.csdn.net/source/747971 JQuery基础教程之第八章:http://download.csdn.net/source/747973 JQuery基础教程之第九章:http://download.csdn.net/source/747982 JQuery基础教程之第十章及附录:http://download.csdn.net/source/747999 JQuery基础教程源码:http://download.csdn.net/source/748030 jQuery in Action源码:http://download.csdn.net/source/748118
北大青鸟使用jQuery快速高效制作网页交互特效 第九章上机+课后+上课实例代码
05-29
北大青鸟使用jQuery快速高效制作网页交互特效 第九章上机+课后+上课实例代码
jQuery 3.1 标准课程第七章 事件键盘事件
10-31
jQuery 3.1 标准课程第七章 事件键盘事件
jQuery第三章课后作业
suixinCaesar的博客
07-19 6299
3.实现有一个图片和五个数字链接，单击不同的数字链接显示不同的图片。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;图片轮换&lt;/title&gt; &lt;link rel="stylesh
jQuery第二章课后作业
suixinCaesar的博客
07-12 6167
3.模拟计算机病毒效果，当打开一个页面时，会不停的弹出窗口。&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;病毒页面效果&lt;/title&gt; &lt;style type="text/css&qu
jQuery第六章课后作业
suixinCaesar的博客
07-19 4526
5.制作当页面加载完毕时，列表隔行变色，背景颜色值为#ececec。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;隔行变色的列表&lt;/title&gt; &lt;link rel="st
jquery课后练习
最新发布
09-04
可以使用以下步骤来实现页面中div元素向右运动100px后回到初始位置的动画效果： 1. 在页面中引入jQuery库。 2. 声明一个按钮元素和一个div元素，在div元素的样式中设置初始位置、背景颜色、宽度和高度。 3. 使用jQuery的click()方法为按钮元素添加点击事件处理程序。 4. 在事件处理程序中使用animate()方法来实现div元素向右移动100px的动画效果。在animate()方法中设置要改变的CSS属性（left）和动画持续时间（500毫秒）。 5. 再次使用animate()方法，设置div元素回到初始位置（left: 0）的动画效果。 以下是实现以上功能的jQuery代码示例： ```javascript $("button").click(function () { $("div").animate({ left: 100, }, 500); $("div").animate({ left: 0, }, 500); }); ``` 注意：在使用这段代码之前，需要确保已经正确引入了jQuery库。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [十、jQuery（上） - 章节课后练习题及答案](https://blog.csdn.net/weixin_57002282/article/details/125208920)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值