Jquery
关注
分享
扫一扫
xiaobing_hope
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
焦点图插件myFocus的使用
焦点图的制作焦点图的分类: 焦点图一般可以分为 （1）JS焦点图（2）FLASH焦点图（3）CSS焦点图（4）JQ焦点图这里主要介绍JQ焦点图的使用。我们可以借助于焦点图插件myFocus来简化网页的制作：使用myFocus插件的方法和步骤：（1）首先下载myFocus插件：选择Demo演示打包下载 （原创 2015-04-25 21:35:35 · 854 阅读 · 0 评论 -
通过Ajax发送数据--jQuery方法
通过Ajax发送数据--jQuery方法.load()方法：$(document).ready(function(){ $('#letter a').click(function(event){ event.preventDefault(); $("#dictionary").load('a.html'); });});通过使加载的内容淡入原创 2015-12-22 17:07:29 · 2251 阅读 · 0 评论 -
jQuery中width()、innerWidth()、outerWidth()的区别
jQuery中width()、innerWidth()、outerWidth()的区别outerWidth()outerWidth()函数用于获取当前匹配元素的外宽度外宽度默认包括元素的padding、border但是不包括margin部分的宽度 innerWidth()innerWidth()函数用于设置或返回当前匹配元素的内宽度内宽度包括元素的padding，但原创 2015-12-18 17:29:23 · 2920 阅读 · 0 评论 -
jQuery常用函数 eq_next等
jQuery常用函数1. eq()函数在lis数组循环过程中，保存数组的下标为index ，将当前循环lis节点保存为liNode ，方便后面使用，查找对应div盒子时，通过eq()函数，和下标index得到，从而对其进行一些js操作。通过循环中的下标index ，判断点击的标签模块，从而对应加载相应的页面2.效果图$(thi原创 2015-10-08 11:53:36 · 757 阅读 · 0 评论 -
阻止文档默认点击右键、选中功能及获取鼠标按键等
阻止文档默认点击右键选中功能及获取鼠标按键等1. 阻止文档默认“点击右键出现默认弹窗”功能document.oncontextmenu = function(){return false;}2. 获取鼠标按键$(document).mousedown(function(e){var keyNum = e.which;//keyNum == 1 表示鼠标按下的键为鼠标左键原创 2015-09-24 20:22:21 · 1136 阅读 · 0 评论 -
jQuery实现焦点图自动切换
jQuery实现焦点图自动切换1. 页面布局结构图：其中按钮切换区的按钮预定义了与图片基色调相同的颜色：2. 获取按钮切换区的li标签，并定义鼠标划过事件：（index为全局变量）将鼠标划过的当前li标签（按钮区域），给当前按钮加上class属性selectedsiblings()函数是找到当前li元素的所有同辈标签（即其他所有的按钮），并移除其cl原创 2015-10-10 16:10:57 · 2162 阅读 · 0 评论 -
jQuery制作瀑布流
jQuery制作瀑布流1. 瀑布流的图片包含在container的盒子，每张图片配文字说明放在box盒子中2. 将页面布局之后，主要解析js部分代码3. 页面加载完毕之后，执行js代码，绑定load事件，load事件执行imgLocation函数4. 首先获取每张图片的宽度（此处设定每张图片的宽度一样），获取每排摆放图片的张数。$(windo原创 2015-10-10 11:38:12 · 467 阅读 · 0 评论 -
3d相册弹出效果02
3d相册弹出效果02在3d相册基本的布局完成之后，接下来需要完成的是鼠标拖拽的效果。描述：鼠标向右移动，整个相册跟随鼠标旋转，向下移动时，整个相册的视角向下倾斜。主要涉及到鼠标按下，移动和抬起三个事件：鼠标按下事件：$(document).mousedown(function(e){var x = e.clientX; //获取鼠标按下点的坐标va原创 2015-09-13 16:35:00 · 574 阅读 · 0 评论 -
获取鼠标点击坐标等__颜色选择器的制作
获取鼠标点击坐标等__颜色选择器的制作效果图：做该效果的难点是js实现点击颜色选择器跟随鼠标移动。 这里使用jQuery实现该效果1. 编写html页面，放置页面所需要的元素。Index.html部分代码2.css样式因为颜色选择器要实现的是随着鼠标拖动移动的效果，所以初期需要将颜色选择器的position属性设置为absolute3.js动态效原创 2015-09-13 11:56:19 · 3126 阅读 · 1 评论 -
3d相册弹出效果01
3d相册弹出效果01效果图：效果描述：图片一张张从中间的一个图片相框中弹出，然后排布成圆形，鼠标拖拽，图片跟着动。 常规网页中，鼠标点击拖动的效果是：选中网页上的文字或者图片。而我们需要的是：鼠标点击拖动网页，相册整体跟随鼠标移动。这时，就需要禁止掉网页默认的鼠标选中属性。解决方案为：在标签中加入 onselectstart =”return false”原创 2015-09-12 12:12:11 · 829 阅读 · 0 评论 -
jQuery实现输入框获取焦点和失去焦点
登陆界面用户名密码区获取焦点，失去焦点在用户登陆的界面中，一般都需要用户名和密码才能登陆，这时为了增强用户体验，最好能在当前输入框没有获取焦点时，提示输入信息，获取焦点之后，提示信息消失，文本框显示的信息为用户输入的信息；同时在用户没有输入信息的情况下，或者鼠标移开的情况下，提示信息重新出现。这时，用户名和密码区设置获取焦点和失去焦点这个小的功能就显得非常重要了。因为j原创 2015-07-02 21:52:08 · 53160 阅读 · 1 评论 -
jquery的淡入,淡出事件 fadeIn fadeOut
jquery的淡入,淡出事件 fadeIn fadeOut1. fadeIn() 方法使用淡入效果来显示被选元素，（该元素是隐藏的）$(selector).fadeIn(speed,callback) 参数描述speed，可选。规定元素从隐藏到可见的速度。默认为 "normal"。可能的值：毫秒 （比如 1500）"slow""norma转载 2015-05-17 09:42:19 · 1665 阅读 · 1 评论 -
使用FormData对象
使用FormData对象 利用FormData对象，可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest对象来发送这个“表单”。创建一个FormData对象 你可以先创建一个空的FormData对象,然后使用append()方法向该对象里添加字段,如下:varformdata = newFormData();原创 2016-03-31 18:16:55 · 462 阅读 · 0 评论