jQuery
小田同學
这个作者很懒,什么都没留下…
展开
-
触摸事件
Touch 事件在用户触摸屏幕(页面)时触发。touchstart( ) 用法如下:$("id").on("touchstart",function(){}touchmove( ) touchend( )若在pc端,则使用 mouseover( ) mousemove( ) mouseout( )原创 2016-04-25 14:19:53 · 416 阅读 · 0 评论 -
访问元素的尺寸和坐标
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>访问元素的尺寸和坐标</title> <style type="text/css"> .big{ position: absolute; left:50px;原创 2016-04-13 17:55:13 · 478 阅读 · 0 评论 -
jQuery上传图片前预览
研究了很久,一直找不到图片预览时,图片不出来的原因,原来在于图片的路径!!!一直写的是图片的本地路径,然并卵。直接上代码。html部分:<img id="pic" src="" ><input id="upload" name="file" accept="image/*" type="file" style="display: none"/>input:file事件是上传类型 较常用的属性值如原创 2016-04-27 16:02:27 · 720 阅读 · 0 评论 -
jQuery中读取json文件
json文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取。 $.getJSON(url,[data],[callback]) url:加载的页面地址 data: 可选项,发送到服务器的数据,格式是key/value callback:可选项,加载成功后执行的回调函数 1.首先建一个JSON格式的文件userinfo.json 保存用户信息。如下:[ {转载 2016-05-12 10:20:51 · 3729 阅读 · 0 评论 -
jQuery-AJAX
通过 jQuery AJAX 方法,能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时能够把这些外部数据直接载入网页的被选元素中。 (1) load()方法 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载原创 2016-05-12 15:19:47 · 456 阅读 · 0 评论 -
jQuery 三级菜单
在写这个的时候,首先要捋顺思路。点一个菜单的时候,其他的要闭合,点一级菜单的时候,二三级菜单要闭合,等等。 大致代码如下:<body> <aside> <ul class="one"> <li> <a href="#" class="a">目录A</a> <ul class="two" style="display:原创 2016-05-09 16:32:36 · 2631 阅读 · 0 评论 -
点击同一图片,控制音乐开始、暂停
当点击图片时,添加CSS,图片开始进行旋转,同时歌曲开始播放。再次点击时,图片恢复原样,歌曲暂停。 代码如下: css部分.cover-play {-webkit-animation: turn 6s infinite linear;animation: turn 6s infinite linear;-o-animation: turn 6s infinite linear;}@keyfra原创 2016-06-06 11:23:41 · 3893 阅读 · 1 评论