![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 53
Wellfancy
无聊的从来都不是生活
展开
-
利用jQuery制作一个普通网页需要注意多少细节之电梯导航
我们在浏览网站时,最常见到的网页类型就是像某宝一样的网页,看似简陋普通的网页,在编写程序时,需要我们注意的细节却很多,比如下面这个选截页面,我们大致分为ABCDE五个部分 这篇文章主要讲一下关于DE两个部分的代码,即电梯导航。 什么是电梯导航呢?电梯导航就是像上述图片中最右端悬浮着的一个框,里面是分类,并且点击某一个分类后,页面会自动跳转到对应内容部分。 意思是,我在D里点一个选项,页面就会自动跳转到E部分对应我点击选项的内容,就像我点击“猜你喜欢”,那么主页面就会跳转到这部分内容。 那么现在.原创 2021-08-09 22:32:36 · 1791 阅读 · 25 评论 -
利用jQuery极简代码完成选中部分高亮显示效果
当我们在制作一个网页时,常常会有想要选中部分高亮的需求,那么怎么用jQuery的极简代码完成这件事呢? 可以看到,三个图片中,当我们的鼠标移到哪个上面,哪个就从中脱颖而出,其实这只需要一段非常简单的代码即可完成 $(function() { //设置鼠标进入的时候,其他的li标签透明度:0.5 $(".wrap li").hover(function() { $(this).siblings().stop().fadeTo(400, 0.5); }, function() { // 设置鼠标离开,原创 2021-08-06 19:47:40 · 1329 阅读 · 20 评论 -
利用jQuery极简代码完成淡入淡出效果
在用jQuery完成淡入淡出效果前我们先来认识几个代码: 淡入 fadeIn([ speed , [easing] , [fn] ]),参数都可不写 淡出 fadeOut([ speed , [easing] , [fn] ]),参数都可不写 淡入淡出切换 fadeToggle([ speed , [easing] , [fn] ]),参数都可不写 修改透明度 fadeTo([ [speed] , opacity, [easing] , [fn] ]),注意,这里速度和透明度一定要写 其中 .原创 2021-08-06 18:59:32 · 683 阅读 · 7 评论 -
利用jQuery极简代码完成下拉菜单滑动效果
当我们制作网页时,有的时候会想拥有一个酷炫且顺滑的下拉菜单,虽然我们使用最基础的css和js也可以完成,但利用jQuery我们只需要非常简短的代码即可完成下面的效果 是不是非常的顺滑呢?鼠标移动到目标上自动的下拉菜单,只需要这样两行代码: $(" ").hover(function() { $(this).children(" ").slideToggle(); }); 其中,hover是鼠标经过和离开的复合写法,通常会这样写 $(" ").hover(function() { .原创 2021-08-06 18:13:04 · 368 阅读 · 0 评论 -
利用jQuery完成一个简单的按钮颜色变化(笔记)
在HTML和CSS中我们想要完成一个对按钮颜色的设置,虽然也可以做到想要的效果,但过程比较繁琐,利用jQuery我们就可以轻松的完成这件事情。 假设现在我们有一组按钮 当我们点击其中一个的时候让它变成粉色,再点击另一个后除了被点击的按钮全部为原始颜色,我们应该怎样做呢 其实只需要简单的几行代码即可完成 <script> $(function(){ $('Button').click(function(){ //先设置点击的按钮颜色变为粉色 .原创 2021-08-03 17:03:23 · 3209 阅读 · 8 评论 -
jQuery的选择器
这里把jQuery的选择器大致分为两类:基本选择器和筛选选择器 一丶基本选择器 id选择器 <div id="fancy"> <p>id="fancy"</p> <p>选中</p> </div> <script type="text/javascript"> $("#fancy").css("color", "red"); //使用方法 $( "#id"原创 2021-07-31 23:25:50 · 385 阅读 · 14 评论