今天为大家带来的是一款由jquery和css3实现的超级梦幻的背景效果。绿色的小原点由远到近，由近到远一种飞跃效果。效果非常好看，我们一起看下效果图： 在线预览 源码下载 我们一起看下实现的代码。这是一款由jquey和css3实现的效果。这里引用的是jquery 11.0版本。注意需在ie9以上浏览器、google、或火狐等支持css3的浏览器中运行。html代码：<div class="container" style="opacity: 0.55; -webkit-perspective: 50px;"><div st...
列表页点击、鼠标经过离开背景变化 <script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script><script type="text/javascript">$(function () {$("table tr").click(function () { $(this).addClass("aliveTrClick").siblings().removeClass("aliveTrClick"); }).mouseover(function () { $(this).addClass("aliveTr"); }).mouseleave(function () { $(this).removeClass("aliveTr"); });});</script> <styl...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title>新建网页</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="description" content="布尔教育 http://www.itbool.com" /><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></scr...
<script type="text/javascript">/* 拿到背景 */var url=$(‘.wrap‘).css(‘backgroundImage‘);/* 正则删掉不需要的信息，保留图片的链接 */var s = url.match(/url\((.*?)\)/);/* 返回一个数据，第一个是原图片链接，第二个才是删除不需要的东西的链接 */url =s[1];/* 删除头跟尾的引号 */if(url[0]=="\""){ url = url.slice(1,-1); console.log(url) }/* 把图片链接放到img的实例里面获取高宽 ，使用onload只能图片加载完之后才...
在别的网站上看到的比较炫酷的Web登陆界面，背景图片可以自动轮换。介绍给大家，有兴趣的可以下来改改当做自己系统的登陆界面。如图：点击下载源代码原文：http://blog.csdn.net/lisenyang/article/details/37501427
动态网站通常利用背景图像或预加载屏幕，以保证所有资源都加载到页面上，在浏览器中充分呈现。现在很多网站都炫耀自己的图像作为背景图像全屏背景，追溯到旧的Flash网站却用自己的方式在HTML资源重布局。本综述我们列出15最好的jQuery全屏背景图像的插件，可以帮助你增加你的图像到您的网站，让他们看起来惊人的美丽。这个插件创建一些华丽的背景，幻灯片，你的网站让他们美丽的动画和过渡。1. MaxImagemaximage 2.0是一个全屏背景...
继续复习jQuery，对table来说，上面除了单选之外，还有多选的一个控制。对于多选来说，需要对多选的内容进行高亮显示，还应该在页面加载的时候，对已经默认选中的内容进行高亮。这些小功能也是复习jQuery选择器的一个很好地素材，有非常多的实现方式，不仅仅拘泥于一种，只要能将功能健壮的实现了，就是比较不错的了。 在一本资料上，看到了这样的一种jQuery的写法，还是非常的惊艳！ element[hasClassName?"removeClass":"add...
@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300); * {box-sizing: border-box;margin: 0;padding: 0;font-weight: 300; } body {font-family: ‘Source Sans Pro‘, sans-serif;color: white;font-weight: 300; } body ::-webkit-input-placeholder {/* WebKit browsers */font-family: ‘Source Sans Pro‘, sans-serif;color: white;font-weight: 300; } body :-moz-placeholder {/* Mozilla Firefox 4...
本文实例讲述了jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果。分享给大家供大家参考。具体如下： 这里演示基于jquery实现的动画菜单，内含四种效果的网站菜单，第一种是不带效果的传统导航菜单，第二种是带有图形滚动背景的菜单，第三种是由右向左背景滚动的菜单，第四种则是背景色渐变的网站菜单，每一种都很精彩，喜欢Js菜单的可模仿借鉴一下。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/...
在引入背景图片的时候，路径发生了错误，如图右下角所示。求解如何改为图片在public目录下的呢？谢谢大家。回复内容：在引入背景图片的时候，路径发生了错误，如图右下角所示。求解如何改为图片在public目录下的呢？谢谢大家。
这篇文章主要介绍了关于通过jquery toggleClass()属性制作文章段落更改背景颜色的方法，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下jQuery制作文章段落更改背景颜色属性jquery toggleClass()属性。文中给大家附实例代码和源码，感兴趣的朋友参考下吧定义和用法toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所...
下面我就为大家分享一篇jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法，具有很好的参考价值，希望对大家有所帮助。做项目的时候遇到这个问题，，按理说只要是会套模板的，就不该出现这种低级问题。然后我的后台并没有模板，，并且我的js,jquery水平是小学水平，所以这个也困扰了我将近一下午。在此总结一下，分享给大家。分享使我快乐！！！一、请看代码，容我分析一下1、首先，menu代表我的菜单列表，a标签即是点击的链...
这次给大家带来怎样使用jquery toggleClass()属性制作文章段落更改背景颜色，使用jquery toggleClass()属性制作文章段落更改背景颜色的注意事项有哪些，下面就是实战案例，一起来看一下。定义和用法toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。然而，通过使用 "switch" 参数，您能够规定只删除或只添加类。语法...
这次给大家带来jquery背景图片切换（附代码），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);set...
这次给大家带来jQuery操作背景颜色渐变动画效果，jQuery操作背景颜色渐变动画效果的注意事项有哪些，下面就是实战案例，一起来看一下。<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>背景颜色渐变</title> <script type="text/javascript" src="jquery-1.7.2.min.js"></sc...