js + jquery
关注
分享
扫一扫
mft8899
这个作者很懒，什么都没留下…
展开
-
JS 获取 内网 / 外网 IP
参考 ：http://net.ipcalf.com/<!doctype html><html><head> <meta charset="utf-8"> <title>Network IP Address via ipcalf.com</title></head><body>Your network IP is: <h1 id=list>-</...转载 2021-04-23 23:44:00 · 689 阅读 · 0 评论 -
zepto touch 拖动元素，获取移动坐标
<div id="m" style="position:absolute;width: 100px;height: 100px;background: red"></div><script type="text/javascript">var start_piont,end_point,delta_x,delta_y; $(document).ready(function(){ $("#m").on("touchstart",function(..原创 2021-03-14 22:02:31 · 269 阅读 · 0 评论 -
php + ajax + comet 长轮询 做 简单的即时通讯
大致逻辑：PHP服务器端通过 while 做循环判断是否有新数据返回，并且在有新数据后跳出循环终止本次请求。并且通过 set_time_limit 给本次请求设置最长持续时间，以便在while如果一直不跳出循环的情况下 终止本次请求。HTML 端使用ajax 请求服务器，并且在服务器回答后(不管有没有返回内容），再重新请求。php文件<?PHPerror_reporting(0);//设置允许脚本运行的时间，单位为秒。如果超过了此设置，脚本返回一个致命的错误...原创 2021-02-27 22:30:06 · 190 阅读 · 0 评论 -
PHP > AJAX 异步上传 文件
ajaxfileupload.php<html> <head> <meta charset="utf-8"> <title>Ajax File Uploader Plugin For Jquery</title> <link href="ajaxfileupload.css" type=&原创 2014-09-05 10:11:56 · 332 阅读 · 0 评论 -
jquery > 手机端 onClick 延迟解决
使用 https://github.com/ftlabs/fastclick <script type="text/javascript" src="./js/fastclick.js"></script><script type="application/javascript"> window.addEventListener('load',..原创 2014-09-11 21:44:41 · 594 阅读 · 0 评论 -
jquery -> toast 效果
/** * 模仿android里面的Toast效果，主要是用于在不打断程序正常执行的情况下显示提示数据 * @param config * @return */var Toast = function(config){ this.context = config.context==null?$('body'):config.context;//上下文 th...原创 2014-12-14 18:07:36 · 368 阅读 · 0 评论 -
html5 > localStorage 本地存储
更多参考：http://blog.youkuaiyun.com/a727911438/article/details/54290931 在前端开发中，我们会常遇到要在两个甚至多个html之间通信，我们可以在url中添加参数，但是当要传递的数据量较大较多时呢，不妨试试html5 的localStorage吧。 1) 检测你的浏览器是否支持localS...原创 2014-12-16 11:16:21 · 123 阅读 · 0 评论 -
js -> JS 原生 滚动条 动画 效果
scroll_Left 和 scroll_Top function scroll_Left(tar_x){ var timer = setTimeout(function(){ var current_x = document.body.scrollLeft step = 40 if (tar_x&g...原创 2017-05-28 14:03:44 · 521 阅读 · 0 评论 -
js -> 通过 标签 的某一个 属性值 获取另外一个 属性值
依照 <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub"> 执行 document.querySelector("link[rel=search]").getAttribute("原创 2017-06-07 14:22:02 · 1084 阅读 · 1 评论 -
css3 -> css3 动画 以及 JS 控制
详细参考 ： http://www.w3school.com.cn/css3/css3_animation.asp <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...原创 2017-06-28 16:32:03 · 457 阅读 · 0 评论 -
js -> 无跳转 修改 地址栏 URL 和 方法 重写
//原地址abc.com/sss.html //abc.com/sss.html#dsf window.location.hash = "dsf"; //abc.com/my/awesome/url var stateObject = {}; var title = "Wow Title"; var newUrl = "/my/awes...原创 2017-07-13 00:23:59 · 1915 阅读 · 0 评论 -
php / js - > 实现一个简单的记事本
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name=&q原创 2017-08-01 14:54:07 · 840 阅读 · 0 评论 -
Jquery -> IE报错 [对象不支持“addEventListener”属性或方法] ie8 jquery
对象不支持“addEventListener”属性或方法 ie8 jquery 解决方法： 1，请查看你使用的jquery版本； 2，jQuery 2.x 已经不支持IE9以下的IE浏览器，如果你想继续支持IE6/7/8，请使用jQuery 1.x版本（最新版本：jQuery 1.11.0）； 3，如果要兼容 IE 6/7/8...原创 2017-08-16 10:48:48 · 3789 阅读 · 1 评论 -
js/swf -> 复制文字到剪贴板
通过JS + FLASH 的形式可 完美的 解决浏览器的兼容问题。需要文件 swfobject.js , clipboard.swf , 用于显示的 图片 （flash_copy_btn.png） 。见附件 <span id="forLoadSwf"></span><script src="{$domain}static/swfobj...原创 2017-08-18 08:49:59 · 144 阅读 · 0 评论 -
android >WebView 实现 JS , JAVA 互调
1、映射Java对象到JavaScript对象上mWebView = (WebView) findViewById(R.id.wv_content); mWebView.setVerticalScrollbarOverlay(true); final WebSettings settings = mWebView.getSettings(); settings.setSuppo...原创 2013-10-16 17:52:18 · 126 阅读 · 0 评论 -
js > swfobject.js 使用
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="swf原创 2014-03-25 14:43:00 · 110 阅读 · 0 评论 -
js -> JS转换HTML转义符
FROM : http://www.sjyhome.com/javascript/js-html-escape.html //去掉html标签function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签}//普通字符转换成转意符function h...原创 2015-02-11 23:33:05 · 117 阅读 · 0 评论 -
FCKEditor 给上传图片加水印
ckeditor/ckfinder/plugins/watermark 1. ckeditor/ckfinder/config.php最后加入红色部分include_once "plugins/imageresize/plugin.php";include_once "plugins/fileeditor/plugin.php";include_once "plugins/water...原创 2013-03-17 22:38:55 · 222 阅读 · 0 评论 -
jquery > boxy 弹出层
jquery.boxy.js /** * Boxy 0.1.4 - Facebook-style dialog, with frills * * (c) 2008 Jason Frame * Licensed under the MIT License (LICENSE) */ /* * jQuery plugin * * Options:...原创 2013-05-07 11:09:54 · 172 阅读 · 0 评论 -
PHP > php+jquery+ajax+json
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <script type="text/javascript" src="jquery-1.5.1.min.js"&g原创 2013-05-15 14:50:32 · 267 阅读 · 0 评论 -
jquery > 判断滚动条 到底部 并 加载数据
在有的浏览器中可能会出现 累计 执行重复执行的情况， 可以再 准备执行前和执行完毕加以个 执行完毕的标记，当 判断 上一次执行完毕 再 执行该次操作 <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; char...原创 2013-05-23 13:36:06 · 218 阅读 · 0 评论 -
ajax > 跨域访问
请求方 jQuery.support.cors = true;$.ajax({ crossDomain: true, type:"GET", url: "http://***/test.php?m=android&p=guminbao&i=get_report&v=3.0&t=14777242277&s=d00763fefb105...原创 2013-06-05 14:32:50 · 137 阅读 · 0 评论 -
jquery > base64
<!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"><head><原创 2013-06-05 14:34:06 · 178 阅读 · 0 评论 -
jquery -> 根据屏幕宽度调整宽度
// jQuery.extend({ changeIndexSlider:function(){ var totalWidth=jQuery("#t3-header").width(); jQuery("#reslider_ul").height(totalWidth/2); jQuery(".slide_img").width(totalWidth); ...原创 2013-11-15 15:49:33 · 789 阅读 · 0 评论 -
html > 弹出框 有加载中loading...效果
<div id="dilog"> <div id="dilog_in"> <a href="Javascript:closeDialog()"><img src="<?PHP echo base_url(); ?>images/close.png" class="close_d原创 2013-12-14 15:28:47 · 2577 阅读 · 0 评论 -
php,jquery > 树枝状 ajax 加载数据或隐藏数据
<div id="main_2"> <div class="content_header"> ssss </div> <div class="content_box"> <div class="content_box_title"> 商品列表原创 2013-12-18 15:30:23 · 169 阅读 · 0 评论 -
jquery > 所有浏览器兼容 placeholder
<input type="text" id="header_search_text" class="inputtext" placeholder="输入人名" onfocus="" /><script language="javascript"><!--$(document).ready(funct原创 2014-01-15 17:24:31 · 116 阅读 · 0 评论 -
Jquery版页面载入loading提示效果
这个loading提示效果是从LaoZhuHome上拿来的。修改之后应用到了pjblog上，相对于之前的load载入效果更佳，故放弃了之前的“页面载入中……”提示 ，而采用了您现在所看到的效果。实现原理就是先让loading图片最先显示，当页面加载完毕的时候用JS控制loading图片消失，基于jquery实现。具体修改方法如下：1、Html代码打开header.asp，在<bo...原创 2013-09-13 16:04:33 · 329 阅读 · 0 评论 -
jquery > 监听手势左右滑动 hammer
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title> New Document </title> <link rel="stylesheet" h原创 2013-09-29 18:57:06 · 1325 阅读 · 0 评论 -
jquery -> hash 插件
/** * jQuery hashchange 1.0.0 * * (based on jquery.history) * * modified by net.itcast.cn,make it easy to use * * Copyright (c) 2008 Chris Leishman (chrisleishman.com) * Dual licens...原创 2015-02-11 12:06:24 · 144 阅读 · 0 评论 -
JS + JQUERY > note 1
** jquery text 输入判断邮箱格式 $("#mail_input").blur(function(){ var mail_value = $(this)[0].value; var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*...原创 2013-03-16 14:09:23 · 156 阅读 · 0 评论