Welcome 微信登录

首页 / 脚本样式 / JavaScript

利用jQuery和CSS将背景图片拉伸

利用jQuery和CSS将背景图片拉伸

2017年02月06日 11 阅读
现在WEB页面设计比较流行使用大背景图，那么您知道如何使用一张大背景图进行拉伸效果呢？也就是说使用一张固定尺寸的背景图片，让它在页面中随着浏览器尺寸进行拉伸，就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。将背景图片拉伸，而不是平铺，注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果，本文讨论的是背景图片的拉伸效果。这种效果在一些前卫的页面设计中已经广泛应用，尤其在一些独立页面...
jQuery实现有动画淡出效果的二级折叠菜单代码

jQuery实现有动画淡出效果的二级折叠菜单代码

2017年02月06日 11 阅读
本文实例讲述了jQuery实现有动画淡出效果的二级折叠菜单代码。分享给大家供大家参考，具体如下：这里介绍jQuery实现有动画淡出效果的二级折叠菜单代码，相当不错，因考虑功能的实现，所以没有怎么美化，不过这样也好，可以给大家更多的空间来修饰美化，想怎么弄就怎么弄了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-dh-flash-fade-in-out-2-menu-demo/具体代码如下：<...
JavaScript实现的背景自动变色代码

JavaScript实现的背景自动变色代码

2017年02月06日 13 阅读
本文实例讲述了JavaScript实现的背景自动变色代码。分享给大家供大家参考，具体如下：这里演示JavaScript实现网页背景自动变色，自己变换颜色，设定时间和颜色值即可，在你设定的颜色值、一定时间内自动切换网页背景颜色。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-auto-cha-bg-color-demo/具体代码如下：<！DOCTYPE HTML PUBLIC "-//W3C//DTD...
JavaScript实现点击按钮切换网页背景色的方法

JavaScript实现点击按钮切换网页背景色的方法

2017年02月06日 11 阅读
本文实例讲述了JavaScript实现点击按钮切换网页背景色的方法。分享给大家供大家参考，具体如下：这里演示JavaScript用按钮随意变换背景颜色，每点击一下按钮，就可以随机改变一种网页背景颜色。颜色值事先是保存在JS的数组里，你在代码里会发现他们，若不想要某个颜色，就替换掉即可。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-btn-click-rand-bgcolor-codes/具体代码如下：&...
JS实现的网页背景闪电闪烁效果代码

JS实现的网页背景闪电闪烁效果代码

2017年02月06日 11 阅读
本文实例讲述了JS实现的网页背景闪电闪烁效果代码。分享给大家供大家参考，具体如下：这款JavaScript特效代码可实现网页背景的闪电闪烁特效，点击网页上的按钮，即可激活效果，很炫的效果，细心的JS爱好者会发现，其实是把网页的背景颜色由“黑色”快速变换成“白色”，形成了“闪电”效果。在线演示地址如下：http://demo.jb51.net/js/2015/js-lightning-style-bgcolor-demo/具体代码如下：<html>...
谈谈JavaScript自定义回调函数

谈谈JavaScript自定义回调函数

2017年02月06日 11 阅读
废话不多说了，直接给大家贴代码了。背景分析首先看一段js的代码，主要实现添加的时候首先通过异步请求判断是否存在，如果不存在的话，在进行添加操作：function add（url,data） { var isExited = isExited（data）;if（！isExited）{addRequest（url, data）;}}当我添加一个数据的时候，我首先通过判断是否在数据库中存在（当然，如果前后台彻底分离的话，不应该前端进行业务逻辑的判断，前端只应该，...
Javascript中的数据类型之旅

Javascript中的数据类型之旅

2017年02月06日 11 阅读
虽然Javascript是弱类型语言，但是，它也有自己的几种数据类型，分别是：Number、String、Boolean、Object、Udefined、Null。其中，Object属于复杂数据类型，Object 由无序的键值对组成。其余几种都属于简单数据类型。注意：变量类型首字母大写，而变量值首字母是小写的。JavaScript不支持自定义类型，所以JavaScript中的所有值都属于这六种类型之一。根据ECMAScript 5.1的规范，javascr...
AngularJS 实现按需异步加载实例代码

AngularJS 实现按需异步加载实例代码

2017年02月06日 11 阅读
AngularJS 通过路由支持多视图应用， 可以根据路由动态加载所需的视图， 在 AngularJS 的文档中有详细的介绍， 网上也有不少教程， 就不用介绍了！随着视图的不断增加，js文件会越来越多，而 AngularJS 默认需要把全部的js都一次性加载，使用起来非常不便， 因此按需加载模块的需求会越来越强，不过，AngularJS 并没有实现按需加载。习惯了 seajs 的异步加载方式，也想着 angular 也能同样使用异步加载，但是事实不随人愿。...
JS实现网页游戏中滑块响应鼠标点击移动效果

JS实现网页游戏中滑块响应鼠标点击移动效果

2017年02月06日 11 阅读
本文实例讲述了JS实现网页游戏中滑块响应鼠标点击移动效果。分享给大家供大家参考，具体如下：这是网页游戏中的一个有趣效果，可以完成以下几个动作：滚动、scroll 8个方向、鼠标坐标获娶对象上下左右位置获取，大家可以自己添加、MoveReady和ScrollReady两个注释掉了 取消注释后防止鼠标连续点击效果叠加。在线演示地址如下：http://demo.jb51.net/js/2015/js-web-game-click-move-demo/具体代码如下...
JS实现的左侧竖向滑动菜单效果代码

JS实现的左侧竖向滑动菜单效果代码

2017年02月06日 11 阅读
本文实例讲述了JS实现的左侧竖向滑动菜单效果代码。分享给大家供大家参考，具体如下：这是一款经过改造的左侧竖向滑动菜单，基于JavaScript+CSS，没有过多的修饰，主要想实现菜单的动画效果，想用的朋友，自己美化吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-left-scroll-style-menu-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DT...
JS实现的简洁纵向滑动菜单（滑动门）效果

JS实现的简洁纵向滑动菜单（滑动门）效果

2017年02月06日 11 阅读
本文实例讲述了JS实现的简洁纵向滑动菜单（滑动门）效果。分享给大家供大家参考，具体如下：这是一款纵向布局的CSS+JavaScript滑动门代码，相当简洁的手法来实现，如果对颜色不满意，你可以试着自己修改CSS代码，这个滑动门将每一个“门”的内容存入JS数组中，这样可以减少代码量，但也带来了一个扩展的问题，扩展性方面有待完善，仅供参考。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-simple-zxhd...
谈谈Jquery中的children find 的区别有哪些

谈谈Jquery中的children find 的区别有哪些

2017年02月06日 11 阅读
精华：find方法能找子孙，children方法只能找儿子一、Jquery中children语法.children（selector）说明expr是表达式，可选参数，所有选择器中的表达式都可以用在这，比如按标签名"div",按类名".class",按序号":first"等等，如果表达式为空，那么返回的是所有的孩子，返回的结果仍为jQuery对象。二、Jquery中findfind（） 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元...
JS+CSS实现分类动态选择及移动功能效果代码

JS+CSS实现分类动态选择及移动功能效果代码

2017年02月06日 11 阅读
本文实例讲述了JS+CSS实现分类动态选择及移动功能效果代码。分享给大家供大家参考，具体如下：这是一个类似选项卡功能的选择插件，与普通的TAb区别是加入了动画效果，多用于商品类网站，用作商品分类功能，不过其它网站也可以用，点击运行一下你会知道它的奥妙，它用JavaScript模拟出了Flash动画的效果，很贴切。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-cha-type-move-style...
全系IE支持Bootstrap的解决方法

全系IE支持Bootstrap的解决方法

2017年02月06日 11 阅读
最近做一个Web网站，之前一直觉得bootstrap非常好，这次使用了bootstrap3,在chrome,firefox,safari,opera，360浏览器（极速模式）、搜狗浏览器等浏览器下均没有问题，而在IE8及IE11下发现样式无法显示，然后各种百度啊，最后在一个网友帖子的帮助下解决了问题，先将解决方法总结如下：首先需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文...
<< 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图