jQuery快速高效制作网页第五章上机4

最新推荐文章于 2019-08-04 01:08:22 发布
最新推荐文章于 2019-08-04 01:08:22 发布
阅读量2.6k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36074064/article/details/70809513
版权
该篇博客通过jQuery展示了如何创建一个具有展开/收起效果的交互式网页，内容涉及人身保险相关的四个主题。用户悬停在标题上时，背景颜色变化；点击标题，对应的详细内容以动画形式显示或隐藏。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>
<html>
  <head>
    <title>shangji4.html</title>
   <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  
    <style type="text/css" >
.one{ 
	width:600px;
	font-size:12px;
}
.one .top{
	background-color:#fff; 
	height:33px;
	line-height:33px;
	width:700px;
	padding-left:28px;
	color:#168750;
	font-weight:bold;
	margin-top:10px;
}
.iocn{
	display:block; 
	width:14px;
	height:14px;
	background-image:url(images/+.jpg); 
	background-repeat:no-repeat; 
	float:left;
	margin:10px 0px 0px 3px;
	padding-right:10px;
}
.one  span.jian{
	background-image:url(images/-.jpg);
	 
}
.one  span.jia{
	background-image:url(images/+.jpg);
	 
}
 
.one  div.bgreen{ 
	background-image:url(images/bg.jpg); 
}
div.content{
	display:none;
	padding:5px;
	width:716px;
	border:1px solid #D9EFED;
}
</style>
<script type="text/javascript">
最低0.47元/天 解锁文章
子晴呀
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用JQuery快速高效制作网页交互特效第九章所有上机
weixin_44269168的博客
07-08 7837
这里是引用 上机一 样式 body{ border:0px; padding:0px; margin:0px auto; font:12px Tahoma; } div,ul,li,dt,dl { float:left; margin:0px auto; padding:0px; } li{ list-style:none; } a:...
JS/JQuery-第5章上机练习.zip
04-20
【原创作者田超凡，未经许可请勿转发，侵权仿冒必究】
初识jQuery 第五章
liyanghahahhaha的博客
07-18 655
第一题 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;第一题&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div i
第五章初识jQuery
X_302lizhaohon的博客
07-22 537
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;使用css（）方法添加图片边框&lt;/title&gt; &lt;style&gt; div{
使用jQuery快速高效制作网页交互特效 第五章 上机练习四 制作广告图片轮播切换效果
热门推荐
闲来无事的博客
12-19 1万+
轮播应有的功能大致都有，分享给一些在学的朋友参考学习。 &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=&quo
JavaScript第五章
Berg_liu的博客
08-04 360
JavaScript第五章 object类型 实现方法 new操作符跟Object函数 ‘var person = new Object();’ 用对象字面量表示 'var person = { name : “Nicholas”, age : 29 }; ’ 对象的访问方法 点表示法 方括号表示法 ’ var propertyName = “nam...
JSPro08.rar使用jQuery快速高效制作网页交互特效第八章，上机+课后+上课实例代码
05-29
在本资源"JSPro08.rar"中，包含的是关于使用jQuery快速高效制作网页交互特效的第八章内容，包括上机实践、课后习题以及上课时的实例代码。jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、...
ACCP8.0S2的使用jQuery快速高效制作网页交互特效
02-27
本资源，"ACCP8.0S2的使用jQuery快速高效制作网页交互特效"，是北大青鸟ACCP8.0课程的一部分，旨在帮助学习者掌握如何利用jQuery实现各种网页特效。 jQuery的核心特性包括选择器、DOM操作、事件处理、动画效果以及...
北大青鸟ACCP8.0使用jQuery快速高效的制作网页交互特效 第七章 上机+课后+上课实例代码
05-29
【jQuery快速高效网页交互特效制作】 在Web开发中，jQuery是一个强大的JavaScript库，它极大地简化了JavaScript代码，使得创建交互式网页特效变得快速且高效。本教程基于北大青鸟ACCP8.0课程体系，专注于讲解如何...
accp5.0JavaScript第五章上机答案
06-20
accp5.0JavaScript第五章上机答案
使用jQuery快速高效制作网页第一章上机4.txt
05-13
统计考试科目成绩，使用prompt（）方法输入考试科目的数量...
jQuery快速高效制作网页交互第一章上机1
06-30
js代码，只有第一章第一个练习题 后续在传。。。
第五章上机4和上机五
qq_36074180的博客
04-26 2289
$(function(){ $(".top").hover(function(){ $(this).addClass("bgreen"); },function(){ $(this).removeClass("bgreen"); });  $(".top").toggle(  function(){  $(this).find(".iocn").removeClas
第五章 初识jQuery —课后作业：
gz98411的博客
07-19 1638
1.使用css()方法添加图片边框，单机图片显示边框。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;图片添加边框&lt;/title&gt; &lt;style&gt;
第四章上机
weixin_43387472的博客
04-20 231
算法实现 #include #include<stdlib.h> #include<time.h> #include<math.h> #include using namespace std; //函数声明 int input_sex(); //输入性别 int input_race(); //输入种族 int input_occupati...
第四章 上机1
qq_36074043的博客
02-17 1321
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace 深入.NET平台_第四章 { public enum Gender { 男,女 } } using Syst
第四章上机作业
qq_44267598的博客
04-27 358
一．实验目的及内容 目的： 1.掌握面向对象程序设计的方法，明确类与对象的概念，掌握面向对象设计七大原则； 2.掌握常见的设计模式以及类图的描述。 内容： 1.功能描述 2.游戏角色应有的属性 3.职业限制 4.初始属性 5.显示信息 注：具体实验内容见《第四章上机》 二．实验分析 本游戏为一个面向对象的游戏，函数部分分为三个部分： 1.输入姓名和性别并对其进行判断，看是否合理； 2.选择种族和职...
JavaScript第五章总结
sc13647346287的博客
02-14 275
（1)使用jQuery弹出提示框 （2）$(document).ready()与window.onload类似，但也有区别 （3）addClass( )方法 （4）css( )方法 （5）设置元素的显示和隐藏 （6）添加注释 ...
使用jquery快速高效制作网页交互特效
最新发布
06-28
使用jQuery可以快速高效地制作网页交互特效。jQuery是一个流行的JavaScript库，它提供了许多方便的方法和函数，可以轻松地操作HTML元素、CSS样式和事件处理等。通过使用jQuery，可以快速实现各种动态效果，如滑动、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值