JQuery学习系列总结—菜单制作

1、页面中的菜单项可以通过嵌套的ul和li来表示

2、菜单最外层为ul,一层每个主菜单放在一个li中,如果有子菜单,在这个主菜单的li中建立新的ul,再依次嵌套即可构建多层的菜单

3、浏览器中ul和li元素默认情况下文字前都有圆点标识符,li元素会有缩进。Opera浏览器比较特殊,li的标识符和其他浏览器不同

4、list-style属性值为none时,可以清除ul和li的小圆点

5、清除子菜单的缩进值,需要padding和margin都为0,其中IE6和IE7只有margin也为0的时候才可以清除缩进值

6、可以使用background-image来指定一个元素的背景图,如果背景图比元素的实际大小要小,那么背景图会自动在横向和纵向上重复显示,直到填满整个区域

7、可以使用background-repeat来控制背景图的重复填充方式

8、如果在一个元素上同时定义了背景图和背景色,那么有背景图的地方是不会显示背景色的

9、text-decoration属性值为none时,可以取消文字上的下划线

10、background-position可以控制背景图的位置,属性值既可以用数值,也可以用center,left,top这些值来控制横向和纵向的位置,这个属性的两个值,第一个对应横向,第二个对应纵向

11、background-image值为none表示没有背景图

12、background-repeat的值为no-repeat时,背景图不会在所在的区域中重复显示

13、IE6以外的其他浏览器可以通过设定dislpay的值为block来让a元素充满所在区域,对于IE6,则需要设定display为inline-block,同时设定a的宽度

14、display的值为none可以用于隐藏元素

15、.main a和.main > a的不同之处,前者选择使用了.main的这个class的元素内部所有的a节点,后者只选择.main的子节点中的a节点

16、show,hide方法可以用于显示和隐藏元素,没有参数的效果和修改css的display属性效果一样。参数可以是单位为毫秒的数值,或者是“slow”,“normal”,“fast”这三个文字,都可以用来控制完成显示或者隐藏所需要的时间,注意这时动画效果是靠不断改变元素的高度和宽度来实现的

17、toggle方法更为强大,可以省去我们判断元素是显示还是隐藏的状态,直接让显示的元素隐藏起来,隐藏的元素显示出来,参数使用方法和show,hide

18、slideDown,slideUp可以实现向下或向上卷动的效果,实际上是通过指定时间内修改元素的高度来实现动画效果。需要注意的是,这两个方法参数为空的情况和show,hide不同

19、slideToggle和toggle达到的效果类似

20、DOCTYPE对于JQuery中的动画是有影响的,没有DOCTYPE定义时,在IE中,JQuery的动画会出现闪烁的糟糕效果

21、float的值是left,可以使原本各自位于一行的元素全部在一行中向左浮动

22、可以给多个选择器定义同样的样式,选择器之间用逗号分隔,同样对于JQuery的$方法,也可以传入多个选择器

转载于:https://www.cnblogs.com/caowei-it/p/4145764.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/575746.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql 大量列 动态变量_aardio动态mysql变量设置

aardio动态mysql变量设置aardio动态mysql变量设置废话不多说,直接开始干活!从上午度娘到现在!终于有点结果!需求是从数据库读取数据,根据条件(变量)直接上代码,如有任何问题,欢迎老铁指正&#…

制作简单的java应用程序_使用exe4j工具制作简单的java应用程序

首先需要下载exe4j工具并进行安装,下面是利用exe4j工具制作应用程序的步骤。1.首先将工程导出为可运行的jar包,选择extract required libralies into generated java,会将引用到的jar包也打到里面。右键java工程--export--java--runnable jar…

HDU 4422 The Little Girl who Picks Mushrooms(简单题)

题目链接:http://acm.hdu.edu.cn/showproblem.php?pid4422 题目大意:小姑娘背着5个包去山上采蘑菇,每座山上只能用一个背包采集。三个小精灵会要她3个背包,其里面蘑菇的数量必须是1024的倍数,否则5个背包都会被拿走。…

Java三维文字特效设计_jQuery实现3D文字特效的方法

本文实例讲述了jQuery实现3D文字特效的方法。分享给大家供大家参考。具体如下:这款基于jQuery的3D文字特效演示,不是真正的3D,是由多个文字形成的3D效果,如果首次加载网页出错的话,请刷新一下页面,当然在使…

MVC的传递数据的方法

1、使用ViewBag 1 #region 0.2 Action方法 ActionResult Index2()2 /// <summary>3 /// Action方法4 /// </summary>5 /// <returns></returns>6 public ActionResult Index2()7 {8 …

java 找不到构造函数_JAVA找不到符号构造函数

JAVA找不到符号构造函数关注:52 答案:2 mip版解决时间 2021-02-05 09:13提问者彼岸独舞2021-02-05 00:06class Rect{private double length;private double width;public Rect(double length,double width){this.widthwidth;this.lengthlength;}public double getLength(){re…

SRF之数据访问

数据访问组件实现实体类和数据表映射、SQL语句配置执行、动态sql语句等功能&#xff0c;ORM方式能实现简单的对象和表的映射&#xff08;配置类似hibernate&#xff09;&#xff0c;但比较单一&#xff08;不支持一对多、多对多的情况&#xff09;&#xff0c;下边不做介绍&…

java 抽象类 方法_java 抽象类

Java为什么使用抽象类和接口Java接口和Java抽象类代表的就是抽象类型&#xff0c;就是我们需要提出的抽象层的具体表现。OOP面向对象的编程&#xff0c;如果要提高程序的复用率&#xff0c;增加程序的可维护性&#xff0c;可扩展性&#xff0c;就必须是面向接口的编程&#xff…

JQuery Show()的几种效果

1 show()方法和hide()方法 $("selector").show() 从display:none还原元素默认或已设置的display属性$("selector").hide() 设置元素的display样式为none&#xff0c;等于$("selector").css("display","none")&#xff…

java 创建servlet出错_java-创建applicationContext.xml时出错:在Servlet...

我正在尝试使用Spring和Hibernate配置Java MVC Web应用程序,但是当我运行服务器时出现此错误,并且我不知道这是什么问题.ERROR: org.springframework.web.context.ContextLoader - Context initialization failedorg.springframework.beans.factory.BeanCreationException: Err…

POJ 2054 Color a Tree

贪心。。。。 Color a TreeTime Limit: 1000MS Memory Limit: 30000KTotal Submissions: 6647 Accepted: 2249Description Bob is very interested in the data structure of a tree. A tree is a directed graph in which a special node is singled out, called the "ro…

php多进程并发,php多进程模拟并发事务

用实例代码给大家介绍关于php多进程模拟并发事务产生的一些问题&#xff0c;分享出来供大家参考学习&#xff0c;下面话不多说了&#xff0c;来一起看看详细的介绍吧数据表drop table if exists test;create table if not exists test (id int not null auto_increment ,count …

查看数据库中有哪些活动的事务,对应的会话id,执行的语句

select dbt.database_id,DB_NAME(dbt.database_id) 数据库名,dbt.transaction_id,at.name,at.transaction_begin_time,case at.transaction_type --事务类型 when 1 then 读/写事务 when 2 then 只读事务 when 3 then 系统事务 when 4 then 分布式事务 end trans…

php xml 空格,php闭合标签输出多余空行使xml页面显示错误的处理

在PHP官方文档中&#xff0c;曾经指出最好不要再结尾添加?>结束标记。但我们编程的习惯和使用的IDE都会为我们自动建立php结束标记?>。这个标记使用在正常情况下是不影响程序的运行的。尤其在早期的php4中&#xff0c;这种标记使用不当也不会影响最后的输出。但我最近遇…

Oil Deposits

hdu1241:http://acm.hdu.edu.cn/showproblem.php?pid1241 题意&#xff1a;就是找出有多少块有石油的区域&#xff0c;就是数组中的,这边相邻指的是是周围的八个位置。 题解&#xff1a; dfs&#xff0c;从一块油田的位子开始&#xff0c;朝着与他相邻的8个方向收索&#xff…

apache配置php版本,apache配置支持多版本php

首先在apache2配置目录中建立虚拟主机配置文件如下ServerName gzshes.localhostDocumentRoot "/var/www/gzshes"DirectoryIndex index.html index.phpOptions Indexes FollowSymLinks ExecCGIAllowOverride AllRequire all granted#下面为URL静态重写环境的配置&…

php批量采集电视剧,如何通过PHP多线程批量采集下载远程网站图片代码实例

/*** curl 多线程* author http://www.lai18.com* param array $array 并行网址* param int $timeout 超时时间* return mix*/public function Curl_http($array,$timeout15){$res array();$mh curl_multi_init();//创建多个curl语柄foreach($array as $k>$url){$conn[$k]…

php asp写法,asp/php常用的库连接文件代码写法大全

今天有位朋友问到了&#xff0c;关于conn.asp文件内容&#xff0c;这里我作统一整理说明。一直以来主要写asp与php&#xff0c;所以这里只作这两种写法总结&#xff0c;常用的各类库连接文件写法。ASP&#xff1a;by:zhoz http://log.zhoz.com/ASP来说&#xff0c;首先当然是SQ…

windows_study_2

描述&#xff1a;如何确定像%ProgramFiles%这样格式的目录的具体位置&#xff1f; 解决&#xff1a;运行——cmd——echo %ProgramFiles%——回车——界面就显示出目录位置了。转载于:https://www.cnblogs.com/lishidefengchen/p/3370150.html

php 控制器分组模式,控制器分组路由

控制器分组路由目的降低控制器复杂度我有个Volunteer(自愿者)控制器&#xff0c;下面有多个子模块&#xff0c;比如&#xff1a;job、question、resume、groupapp|--cli|--m|--web| |--controller| | |--Message.php| | |--Passport.php| | |--User.php| | |--Volunteer.php如果…