本文实例讲述了jQuery实现点击后高亮背景固定显示的菜单效果。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery实现点击后高亮背景的菜单特效</title> <style> *{ margi...
刚在自己的前端技术群里有个小伙伴儿问到这个问题，点击的时候进行红色背景和白色背景的切换，然后我就临时想到了一个解决方法，在这里记录一下吧，希望还有别的刚学习前端的小伙伴儿能用到，大神就请绕道咯！另外提一下，自己这个前端群都是一群热爱前端的小伙伴儿，如果你是一个人在自学的话，不妨来加入我们，把你遇到的前端问题尽管扔进群里哦，小伙伴儿们看到了会给你耐心解答的哦! 不说了，上代码： <!DOCTYPE html> <html>...
本文是小编实现的一个简单的jquery点击弹出背景变暗遮罩效果，并且点击空白处隐藏弹出层的效果，效果非常棒，小编只给大家贴出了关键代码了，大家可以根据个人需要适当的添加内容。 js代码如下：<script type="text/javascript">$(document).ready(function(){$(".tkyy").click(function(event){event.stopPropagation(); //停止事件冒泡$(".marsk-container").toggle();});//点击空白处隐藏弹出层$("body").click(function(event)...
本文实例讲述了jQuery实现背景弹性滚动的导航效果。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>背景弹性滚动的导航效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <!--把下面代码加到<head>与</head>之间-...
本文实例讲述了jquery动态切换背景图片的简单实现方法。分享给大家供大家参考，具体如下： (function() {var bgCounter = 0,backgrounds = ["Images/BACKGROUND_1_TEST.png","Images/BACKGROUND_2_TEST.png","Images/BACKGROUND_3_TEST.png"];function changeBackground(){bgCounter = (bgCounter+1) % backgrounds.length;$(body).css(background, #000 url(+backgrounds[bgCounter]+) no-repeat);setTimeout(changeBackground, 1...
本文实例讲述了jQuery通过写入cookie实现更换网页背景的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery更换网页背景（写入cookie）</title> <style type="text/...
本文实例讲述了支持背景图片上下滑动的竖向jQuery菜单导航特效代码，分享给大家供大家参考。具体如下： 运行效果截图如下：具体代码如下 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="gb2312"> <title>左边跟随鼠标滑动导航</title> <meta name="keywords" content="滑动导航" /> <meta name="description" content="左边跟随鼠标滑动导航" /> <style> /*---------重置---------*/ html {font-size: 100%;-...
现在WEB页面设计比较流行使用大背景图，那么您知道如何使用一张大背景图进行拉伸效果呢？也就是说使用一张固定尺寸的背景图片，让它在页面中随着浏览器尺寸进行拉伸，就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。将背景图片拉伸，而不是平铺，注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果，本文讨论的是背景图片的拉伸效果。这种效果在一些前卫的页面设计中已经...
效果展示如下：查看演示 下载源码 HTML结构 Apple TV是由苹果公司继 Airport Express 之后推出的一款高清电视机顶盒产品。如果你曾经使用过，一定会被其中的炫酷电影海报视觉差特效所吸引。 该视觉差特效的HTML结构使用一个<div>作为容器，在它里面的每一个<div>都是一个“层”。 <div class="poster"><div class="shine"></div><div class="layer-1"></div><div class="layer-2"></div><div class="layer-3"></div><div class...
本文实例讲述了jQuery实现响应鼠标背景变化的动态菜单效果代码。分享给大家供大家参考。具体如下： 这是一款jQuery响应鼠标背景变化的动态菜单，菜单的背景在鼠标放上后有所变化，这款菜单的实现主要是使用了图片，修改菜单的时候要修改图片，有些麻烦，不过效果不错，引入的jquery插件是1.7版本，高版本jQuery未测试，应该也可以啦。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-mouse-cha-bg-pic...
本文实例讲述了jQuery实现热气球动画背景登录框。分享给大家供大家参考。具体如下： jQuery热气球动画背景登录框是一款动态半透明背景的后台登录界面样式效果代码。页面效果简洁大方，是一款非常实用的特效代码，值得大家学习。 运行效果图：-------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。 为大家分享的jQuery实现热气球动画背景登录框代码如下<head> <meta h...
不多说了，先给大家展示效果图，本文支持源码下载哦，需要的朋友可以直接下载使用，代码很简单哦～在线预览 源码下载 html代码： <a href="#">换肤</a> <div class="heitiao"></div> <div class="con"><img src="images/content.png" /></div> <div class="head"><div class="menu"><div class="title"><p class="p1"></p><p class="p2"></p></div><div class="bg"><div class="bgcon"><img class="big" src="images/bg0s.jpg">...
本文实例讲述了jQuery实现的背景动态变化导航菜单效果。分享给大家供大家参考。具体如下： 这里介绍一款使用jQuery插件制作完成的导航菜单，一大特点是，菜单的背景有动态效果，与使用的背景图片完全变换，动态效果是在鼠标悬停时出现，也就是把鼠标放在菜单上的时候，背景即开始滚动起来，看上去漂亮极了，而且兼容性也是相当不错的，推荐给网页设计者使用。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/...
本文实例讲述了jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果。分享给大家供大家参考。具体如下： 这是一款jquery菜单特效，点击后高亮背景，个性的菜单特效。网上见到比较多的菜单了，不过像这样这么简单的方法来实现却不多见，本菜单整体简洁，点击导航栏上的任意菜单项后，该菜单项的背景变成黑色，并且鼠标移走后，仍然固定保持黑色，记住了菜单的位置。 运行效果如下图所示：在线演示地址如下： http://demo.jb51.net/...
飘花效果的实现——效果图：查看演示 源码下载 需求： 一个jquery，，，这个看标题么就知道了 jQuery Transit还有这个东西 http://github.com/rstacruz/jquery.transit jquery对一些效果的扩展 飘花的效果稍微复杂一点，有一定量的JavaScript代码，通过JS+CSS3的组合实现的。观察右边效果，可以大致分解飘花的实现 飘花比人物的层级都高 飘花数量非常多 飘花会有一定的轨迹运动 飘花带有渐变的效果 ...