jQuery
muzi187
这个作者很懒,什么都没留下…
展开
-
jQuery给input绑定回车事件
$(function(){ $('#dataInput').bind('keypress',function(event){ if(event.keyCode == "13") { alert('你输入的内容为:' + $('#dataInput').val());转载 2016-09-23 10:23:33 · 512 阅读 · 0 评论 -
PHP生成二维码,jQuery生成二维码,PHP生成电子名片
1、PHP生成二维码下载phpqrcode源码引入。<?phpinclude "phpqrcode/qrlib.php";//QRcode::png('abc');//png($text, $outfile = false, $level = QR_ECLEVEL_L, $size = 3, $margin = 4, $saveandprint=false) QRcode::pn原创 2017-08-22 16:57:29 · 762 阅读 · 0 评论 -
PHP+AJAX实现表格实时编辑(慕课网PHP课程)
1、index.html 可编辑表格DEMO 1 2 3 4 5 6 7 8 添加 2、main.cssbody{ background-color:#899BA5;}.container { wid原创 2017-08-29 14:58:00 · 1855 阅读 · 0 评论 -
COOKIE的几种操作方式
慕课学习-->PHP中的会话控制-->第二章 COOKIE的使用操作COOKIE:1、setcookie()2、header<?php//通过header形式设置cookieheader("Set-Cookie:a=1");header("Set-Cookie:b=2;expires=".gmdate('D,d M Y H:i:s \G\M\T',time()+360原创 2017-11-27 13:11:28 · 1972 阅读 · 0 评论 -
扩展localStorage
慕课学习-->PHP中的会话控制-->第二章 COOKIE的使用-->2-12扩展localStoragevar Custom_localStorage={ set:function(key,value){ var item={ data:value } localStorage.setItem(key,JSON.stringify(item)); }, get原创 2017-11-27 14:24:56 · 603 阅读 · 0 评论 -
上传图片时,选择图片后显示缩略图
$(function(){ $("#file1").on("change",function(){ var file=this.files[0]; if(this.files && file){ var reader=new FileReader(); reader.onload=function(e){ $("#img1").attr("src",e.targ原创 2018-01-17 15:26:35 · 3978 阅读 · 2 评论 -
图片无序预加载
1、不使用预加载<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author&原创 2018-03-01 10:21:53 · 222 阅读 · 0 评论 -
图片有序预加载
1、图片有序预加载 -- 不使用插件<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name=&qu原创 2018-03-01 10:27:01 · 264 阅读 · 0 评论 -
滑动门特效
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>sliding doors</title> <link rel="stylesheet" href="styles原创 2018-03-01 10:39:15 · 400 阅读 · 0 评论 -
全屏切换效果 -- 慕课网学习
https://www.imooc.com/learn/374如何实现jQuery插件框架1、闭包的作用 $是形参,实参是jQuery对象 2、开发方式有两种:3、链式调用,jQuery最大的优势就是链式调用4、单例模式采用动态的开发方式,就需要创建实例,可以使用单例模式<!doctype h...原创 2018-11-06 10:57:58 · 531 阅读 · 0 评论 -
必应搜索框制作 搜索提示 jQuery及JavaScript实现
注:学习慕课网前端开发课程《搜索框的制作》搜索提示 jQuery及JavaScript实现利用fiddler工具将文件放到某域下进行调试 利用fiddler将本地网页放到某个域下 bing search body{background-color: #333;margin:0;padding:0;} .bg-div{position:relative;b原创 2017-08-11 17:10:44 · 1257 阅读 · 0 评论 -
模拟天猫--网页定位导航效果
分为左右两部分左侧内容,右侧炫富的导航菜单左侧滚动时,右侧内容不改变位置点击右侧链接,左侧定位到相应栏目左侧滚动到相应栏目,右侧定位到对应链接锚点(anchor):锚点是网页制作中超链接的一种,又叫命名锚记。锚点是一种页面内的超级链接jQuery事件:1、scroll([data],fn):当用户滚动指定的元素时,会发生scroll事件适用于所有可滚动的元素和windo原创 2017-08-01 16:57:37 · 1260 阅读 · 0 评论 -
jQuery定时刷新div
1.jQuery定时刷新 $(document).ready(function () { setInterval("startRequest()", 500);//0.5s一次 }); function startRequest() { $.ajax({ url: "chatres.p原创 2016-09-23 10:26:49 · 3360 阅读 · 0 评论 -
HTML 5 服务器发送事件
HTML5服务器发送事件 EventSourceHTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过HTML5的服务器发送事件,能够自动获取更新。EventSource对象并不能够自行设定刷新时间,这依赖于浏览器的具体实现,比如在Chrome中的刷新时间是3秒,但是在原创 2016-09-23 10:33:19 · 516 阅读 · 0 评论 -
将画布转化成图片:canvas-->img
1、html 2、canvas是已处理好的画布,转化成png图片即可var cimg = function() { var imgSrc = document.getElementById("canvasId").toDataURL("image/png"); document.getElementById("imgId").src = imgSrc;}原创 2016-11-03 11:50:21 · 7820 阅读 · 1 评论 -
根据经纬度在地图上定位
GPS经纬度坐标偏移问题。这个是由于中国要求对经纬度进行加密导致的,所以百度和Google的地图上都存在这个问题,即使用手持设备或者导航设备获取到的经纬度在地图上定位发现并不是对应的位置,而存在很大的偏移。无偏移精准定位*{margin:0px;padding:0px;}html, body {height: 100%;} body, button, i原创 2016-11-10 09:00:02 · 8242 阅读 · 1 评论 -
微信点击分享到朋友圈的按钮,右上角提示
#shareit { -webkit-user-select: none; display: none; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.85); text-align: center; top: 0; left: 0; z-index: 105;转载 2016-11-17 09:16:21 · 12279 阅读 · 0 评论 -
jQuery防止表单重复提交
用户连续点击提交按钮时会一直重复提交表 提交 已提交0次 var tm=null;function calcSubmitCnt(){ var cnt=parseInt($('#submitCnt').text()); cnt=cnt+1; $('#submitCnt').text(cn原创 2016-12-12 16:33:34 · 503 阅读 · 0 评论 -
列表分页(PHP)
当网页显示的列表为数据库查询的数据时,总是会有很多内容,需要用到分页。利用bootstrap的样式写一个简单的页数显示效果。如图所示表示当前是第二页<?php/////////////数据库连接/////////////假设取出list表中所有数据$perNumber = 15; // 每页显示的记录数$page = $_GET ['page']; // 获得原创 2016-12-08 15:40:42 · 3130 阅读 · 0 评论 -
物体运动-jQuery-图标向上运动再从下方出现运动到原位置
图标动画效果演示*{margin: 0;padding: 0;}#move{height:200px;width:300px;margin: 10px auto;background: #eee;border: 1px solid #ccc;}#move a{display:inline-block;height:25px;width:58px;background: #fff;margi原创 2017-05-12 17:21:47 · 872 阅读 · 0 评论 -
瀑布流布局
1、页面布局及样式 *{padding: 0;margin:0;} #main{ position: relative; } .box{ padding: 15px 0 0 15px; float:left; } .pic{ padding: 10px; b原创 2017-08-07 13:58:52 · 360 阅读 · 0 评论 -
js转换人民币大写
将人民币小写转换成人民币大写function convertCurrency(currencyDigits) { var MAXIMUM_NUMBER = 99999999999.99; var CN_ZERO = "零"; var CN_ONE = "壹"; var CN_TWO = "贰"; var CN_THREE = "叁"; var CN_FOUR = "肆"; va...原创 2019-04-23 09:16:24 · 997 阅读 · 0 评论