jQuery
ZhangXD_BLOG
坚持,就会有收获。
展开
-
jQuery实现两个下拉菜单的选项互相移动效果
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"&g...原创 2013-11-09 16:05:55 · 969 阅读 · 1 评论 -
ImageFlow相片特效插件-参数设定说明
參數設定說明:aspectRatio: 1.964, /* ImageFlow的高度 */buttons: false, /* 上下張按鈕 */captions: true, /* 標題顯示 */imageCursor: 'default', ...原创 2016-08-20 21:37:27 · 4780 阅读 · 0 评论 -
table表头固定,内容可滚动问题
1.首先新建html页面body中写入: <div class="title_div" id="tdiv"> <table class="title_tb" id="tb1"> <tr> <td width="80">文件类型<原创 2017-12-28 18:06:30 · 9163 阅读 · 0 评论 -
krpano调用网页js函数
原创 2017-10-30 17:56:55 · 1655 阅读 · 0 评论 -
krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法-js调用
在此仅提取方法,需要时可以直接调用相关方法 /*定义控件*/var krpano = document.getElementById("krpanoSWFObject");/*获取变量*/var fov = Number(krpano.get("view.fov"));var hlookat = Number(krpano.get("view.hlookat"));var vl...转载 2017-10-30 16:59:29 · 5104 阅读 · 0 评论 -
krpano调用js方法并传参、在krpano中用JS实现视频音频播放
Krpano中的action可以调用javascript中写好的函数。主要参考krpano360的资料和new720的资料。个人感觉前者没有后者讲的清楚,后者更适合初学者一些。根据krpano调用js的方法,就可以用krpano调用js,然后用js写视频和音频。顺序是在js文件中写好要实现的功能(我的js文件名称为action.js),然后在krpano生成的tour.html中引入这个...转载 2017-10-18 18:48:05 · 2570 阅读 · 0 评论 -
krpano-自动旋转和自动场景跳转的实现
<autorotate enabled="true" waittime="0.5" accel="1.0" speed="5.0" horizon="0.0" tofov="90" /> 通过events执行停止delayedcall和开始delayedcall的动作 <events onnewpano="转载 2017-10-18 18:45:44 · 1599 阅读 · 0 评论 -
html5shiv.js让IE6、IE7、IE8支持html5新标签
一、插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。所以我们在使用过程中,想要让低版本的浏览器,即IE9以下的浏览器支持,那么这款html5shiv.js是一个非常好的选择!上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js...转载 2017-09-12 10:59:00 · 363 阅读 · 0 评论 -
Sublime Text3配置Vue 语法
下载的文件 link: https://pan.baidu.com/s/1nv7C4B3 密码: w5zs sublime菜单栏 -> 首选项 -> 浏览插件,打开Packages文件夹 把步骤1的文件解压到packages目录 sublime 中 Ctrl + Shift + P 输入 vue 回车 重启sublime 打开.vue文件 看到...转载 2017-08-18 11:21:45 · 636 阅读 · 0 评论 -
安装vue.js的方法
安装vue.js的方法一、简介Vue.js 是什么Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js...转载 2017-08-16 16:32:17 · 276 阅读 · 0 评论 -
vue.js开发环境安装教程
一、简介Vue.js 是什么Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 ...转载 2017-06-30 14:27:19 · 855 阅读 · 0 评论 -
移动端-音乐自动播放-微信测试可行
<audio src="image/music.mp3" id="Jaudio" class="media-audio" autoplay preload loop="loop"></audio>js:要放到audio下面<script> function audioAutoPlay(id){ var audi原创 2018-08-14 18:23:26 · 587 阅读 · 0 评论 -
移动端页面-日历调用
测试ios和安卓端都可用:代码如下html:<div class="head"> <a class="btn-1"> <input type="button" id="start_date"/> </a> </div>原创 2018-08-14 17:20:07 · 1945 阅读 · 0 评论 -
jQuery实现全选、反选、全不选效果
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">&...原创 2013-11-09 16:02:50 · 650 阅读 · 0 评论 -
jQuery Easing 使用方法及其图解
从jQuery API文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [,easing] [, complete] )有四个参数: properties:一组包含作为动画属性和终值的样式属性和及其值的集合duration(可选):动画执行时间,其值可以是三种预定速度之一的字符串("slow","normal", o转载 2016-06-26 17:52:28 · 8266 阅读 · 0 评论 -
jQuery全屏滚动插件FullPage.js
jQuery全屏滚动插件FullPage.js中文帮助文档API文章目录简介主要功能兼容性使用方法1、引入文件2、HTML3、JavaScript配置1、选项2、方法3、回调函数如何获取七牛最近改版了网站,弄成全屏滚动的特效,真的很炫,于是查看其源代码,发现了一个fullPage.js插件,于是百度了一下,还就是这个插件的作用,其实有很多网站都做了全屏滚动的特效,效果也很好看,转载 2016-06-26 17:54:40 · 482 阅读 · 0 评论 -
jQuery--jQuery创建元素、包装集的处理
1.jquery创建元素(三种方法)多个css样式:$('获取元素').css({'属性名':'属性值','属性名':'属性值'});例子:<body><button id="btn1">添加一</button><button id="btn2">添加二</button><button id=&quo原创 2016-06-27 21:26:19 · 342 阅读 · 0 评论 -
jQuery--jQuery动画、animate
1.隐藏和显示hide();隐藏 show();显示 slideDown(), slideUp(): 只会改变元素的高度 fadeIn(), fadeOut(): 只改变元素的透明度 toggle(): 切换元素的可见状态: 如果元素时可见的, 则切换为隐藏; 如果元素时隐藏的, 则切换为可见的. slideToggle(): 通过高度变化来切换匹配元素的可见性. fadeTo(): ...原创 2016-06-27 21:27:47 · 304 阅读 · 0 评论 -
jQuery-链接api实现星座运势和手机号归属地查询
连接api 做一个星座运势查询。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>星座运势查询-api</title> <script src="jquery原创 2016-07-01 09:02:18 · 972 阅读 · 0 评论 -
jQuery--jQuery和DOM对象互相转化、选择器
1. jQuery的简介是一个JavaScript函数库2. jQuery的优势轻量级 强大的选择器 出色的DOM操作封装 可靠的事件处理机制 出色的浏览器兼容性3. jQuery的使用(1.12版本)<script src="jquery.min.js"></script>4.jQuery对象和DOM对象(1)jQuery对象转为DOM对象jQ...原创 2016-06-22 15:26:47 · 790 阅读 · 0 评论 -
各种位置和高度计算:.position()、.offset()、.outerHeight()、.scrollTop、.scrollHeight、.clientHeight
1、.position()和.offset()jquery的.position()获取相对于最近的position为relative或absolute的父元素的偏移,返回.position().left和.position().top,不算上自己的margin-left;jquery的.offset()获取相对于视口左上角的偏移,返回.offset().left和.offset().top...转载 2016-08-13 16:31:56 · 5825 阅读 · 0 评论 -
网页中怎么插入flash的代码
做页面前端的过程中经常需要在页面中插入flash,那么你知道如何在网页中插入flash吗?下面本文将把这一段标准的代码贴在下面,以备需要的时候能拿来用,毕竟这种代码超长,靠记忆是很难的。OK,具体如何在网页中插入flash的代码片段如下: <OBJECT codeBase="http://download.macromedia.com/pub/shockwave/cabs/flas...原创 2017-06-12 14:39:50 · 5233 阅读 · 0 评论 -
解决360浏览器中input框字体颜色不变问题
1. html页面: <form> <div> <ul> <li> <input type="text" name="username" placeholder="用户名">原创 2017-12-28 17:43:02 · 568 阅读 · 0 评论 -
移动端上传图片--调用手机的相册和相机
网上百度找到一个方法不错,借鉴:代码如下html:<div class="head"> <a class="btn-2"> <input type="file" accept="image/*" id="upload" name="upload"> <原创 2018-08-14 17:11:56 · 8503 阅读 · 1 评论 -
Android、iOS手机端-添加背景音乐
<audio style="display:none; height: 0" id="bg-music" preload="auto" src="../static/videos/bg-music.mp3" loop="loop"></audio><script> //音乐自动播放 $(转载 2017-06-22 11:37:41 · 829 阅读 · 0 评论