01 2019 档案

cssrefresh.js-CSS文件自动刷新
摘要：一、如何使用cssrefresh.js 使用很简单，类似下面的代码： <head> <link rel="stylesheet" type="text/css" href="css/site.css" /> <script type="text/javascript" src="js/cssrefr 阅读全文
posted @ 2019-01-31 11:14 web前端参天大圣 阅读(1417) 评论(0) 推荐(0)
瀑布流布局js
摘要：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>瀑布流布局测试</title> <style> body { background-col 阅读全文
posted @ 2019-01-31 10:08 web前端参天大圣 阅读(316) 评论(0) 推荐(0)
js页面文字选中后分享实现
摘要：假设新浪微博分享图标的HTML如下： <img id="imgSinaShare" class="img_sina_share" title="将选中内容分享到新浪微博" src="http://simg.sinajs.cn/blog7style/images/common/share.gif" / 阅读全文
posted @ 2019-01-31 09:24 web前端参天大圣 阅读(333) 评论(0) 推荐(0)
js 页面图片等元素在普通元素中滚动动态加载技术
摘要：/*! * 2012-01-13 v1.1 偏移值计算修改 position → offset * 2012-09-25 v1.2 增加滚动容器参数, 回调参数 * 2015-11-17 v1.3 只对显示元素进行处理 */ (function($) { $.fn.scrollLoading = f 阅读全文
posted @ 2019-01-26 17:28 web前端参天大圣 阅读(337) 评论(0) 推荐(0)
Tab键可访问的下拉菜单demo
摘要：<ul id="navigationRegion"> <li token="1" class="index_on"><a title="首页" href="//www.mtime.com/">首页</a></li> <li token="2" class="home"> <a title="我的时光 阅读全文
posted @ 2019-01-26 16:25 web前端参天大圣 阅读(367) 评论(0) 推荐(0)
js+flash(as3)实现复制文字内容到剪切板实例
摘要：/* SWFObject v2.2 swfobject.js */ var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",... 阅读全文
posted @ 2019-01-25 14:32 web前端参天大圣 阅读(204) 评论(0) 推荐(0)
团购类网站倒计时的js实现
摘要：/* * 倒计时的实现*/ var fnTimeCountDown = function(d, o){ var f = { zero: function(n){ var n = parseInt(n, 10); if(n > 0){ if(n <= 9){ n = "0" + n; } return 阅读全文
posted @ 2019-01-23 20:13 web前端参天大圣 阅读(366) 评论(0) 推荐(0)
文本框/域文字提示(placeholder)自动显示隐藏jQuery小插件
摘要：使用 使用很简单，方法是：textRemindAuto，最简单是使用类似下面代码： $(".remindAuto").textRemindAuto(); 参数三个可控参数，一是默认的失去焦点的文字颜色，一个是文本框获得焦点时的文字颜色，还有一个就是切换显示的class，参见下面的实例： $("#te 阅读全文
posted @ 2019-01-23 19:54 web前端参天大圣 阅读(1189) 评论(0) 推荐(0)
亲测可用）html5 file调用手机摄像头
摘要：在切图网一个客户的webapp项目中需要用到 html5调用手机摄像头，找了很多资料，大都是 js调用api 然后怎样怎样，做了几个demo测试发现根本不行， 后来恍然大悟，用html5自带的 input file="" ，纯html5，并且不涉及到js ，就可以实现。代码如下：（亲测可用）html 阅读全文
posted @ 2019-01-23 09:33 web前端参天大圣 阅读(2576) 评论(0) 推荐(0)
H5实现调用本地摄像头实现实时视频以及拍照功能
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=" 阅读全文
posted @ 2019-01-23 09:31 web前端参天大圣 阅读(14845) 评论(0) 推荐(1)
使用HTML5+调用手机摄像头和相册
摘要：前言：前端时间使用HTML5做了一个WEB端APP，其中用到了H5页面调用手机摄像头的功能，当时也是花了不少时间去研究。最终是采用了HTML5plus（HTML5+）的方式完成了该功能，现将具体方法简单介绍下，并讲解下使用的注意事项。实例：具体流程：点击触发选择拍照或相册-->拍照或相册选择照片-- 阅读全文
posted @ 2019-01-23 09:30 web前端参天大圣 阅读(7073) 评论(0) 推荐(0)
jQuery任意标签锚点跳转插件
摘要：// 任意锚点平滑跳转插件// 2010-07-15 v1.0(function($){ $.fn.zxxAnchor = function(options){ var defaults = { ieFreshFix: true, anchorSmooth: true, anchortag: "an 阅读全文
posted @ 2019-01-16 18:48 web前端参天大圣 阅读(546) 评论(0) 推荐(0)
关键字搜索高亮jQuery插件
摘要：// textSearch.js v1.0 文字，关键字的页面纯客户端搜索// 2010-06-23 修复多字母检索标签破碎的问题// 2010-06-29 修复页面注释显示的问题// 2013-05-07 修复继续搜素关键字包含之前搜索关键字没有结果的问题// 不论何种情况，务必保留作者署名。 ( 阅读全文
posted @ 2019-01-16 18:11 web前端参天大圣 阅读(718) 评论(0) 推荐(0)
邮箱地址自动提示jQuery插件
摘要：// mailAutoComplete.js v1.0 邮箱输入自动提示// 2010-06-18 v2.0 使用CSS class类代替CSS对象，同时增强代码可读性// 2010-06-18 v2.1 宽度自适应的添加// 2010-06-18 v2.2 修复多个元素同时调用此方法的一些bug/ 阅读全文
posted @ 2019-01-16 17:48 web前端参天大圣 阅读(419) 评论(0) 推荐(0)
js文字内容部分选中的代码封装
摘要：var textSelect = function(o, a, b){ //o是当前对象，例如文本域对象 //a是起始位置，b是终点位置 var a = parseInt(a, 10), b = parseInt(b, 10); var l = o.value.length; if(l){ //如果 阅读全文
posted @ 2019-01-16 16:12 web前端参天大圣 阅读(417) 评论(0) 推荐(0)
JavaScript实现http地址自动检测并添加URL链接
摘要：<textarea id="txt"> 本文地址：http://www.zhangxinxu.com/wordpress/?p=288，您可以访问我的博客首页http://www.zhagxinxu.com/wordpress/查看更多精彩的文章！2010-04-13</textarea> <p>< 阅读全文
posted @ 2019-01-16 15:55 web前端参天大圣 阅读(1488) 评论(0) 推荐(0)
jQuery-图片的放大镜显示效果方法封装
摘要：(function($){ $.fn.jqueryzoom = function(options){ var settings = { xzoom: 200, //zoomed width default width yzoom: 200, //zoomed div default width offset: 10, //zoomed div default offset ... 阅读全文
posted @ 2019-01-16 14:14 web前端参天大圣 阅读(243) 评论(0) 推荐(0)
jQuery-鼠标经过显示大图并跟随鼠标效果方法封装
摘要：//copyright c by zhangxinxu 2019-1-15 /*由于大图绑定在href属性中，故一般而言，需使用a标签的href指向大图。仅支持png,gif,jpg,bmp四种格式的图片。用法是：目标.preview(); 例如：<a href="xx.jpg">图片</a> $( 阅读全文
posted @ 2019-01-15 17:50 web前端参天大圣 阅读(322) 评论(0) 推荐(0)
CSS工具、CSS重置(CSS Reset)
摘要：样式重置的目的是减少浏览器的不一致性，例如line-height,margin,标题的font-size大小等等。样式重置经常在CSS框架中出现。 这里的重置样式故意写的很一般，例如没有为body元素设置任何颜色或是背景之类，我并不建议您就拿这个重置样式应用在您自己的项目中，它应该被调整，修改，扩展 阅读全文
posted @ 2019-01-15 17:30 web前端参天大圣 阅读(519) 评论(0) 推荐(0)
jquery腾讯换肤的一些技术实现
摘要：https://www.zhangxinxu.com/study/200912/qq-home-page-skin-jquery.html 阅读全文
posted @ 2019-01-15 16:31 web前端参天大圣 阅读(410) 评论(0) 推荐(0)
数字、金额进行千分位分割
摘要：var num = 123456789;num = num + '';console.log(num.replace(/(?=(?!^)(?:\d{3})+(?:\.|$))(\d{3}(\.\d+$)?)/g,',$1')); 阅读全文
posted @ 2019-01-14 10:33 web前端参天大圣 阅读(722) 评论(0) 推荐(0)
三种三栏网页宽度自适应布局方法
摘要：1、绝对定位法 这或许是三种方法里最直观，最容易理解的：左右两栏采用绝对定位，分别固定于页面的左右两侧，中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。 您可以狠狠地点击这里：绝对定位法演示demo css代码如下（为截图）： HTML代码为（图片）： 这里的左中右三个div的顺 阅读全文
posted @ 2019-01-11 17:02 web前端参天大圣 阅读(445) 评论(0) 推荐(0)
scrollfix.js插件：滚动固定在某个位置
摘要：插件文件在/文件 scrollfix.js 用法： 参数详解 推荐：整合的在底部、侧栏和底部同时固定的演示 第一种:默认滚动到这里开始固定 第二种:滚动到距离这里顶部20像素开始固定 第三种:滚动到一个标签#startTop的头部开始固 第四种:滚动到一个标签#startBottom的末端开始固定 阅读全文
posted @ 2019-01-11 15:24 web前端参天大圣 阅读(1152) 评论(0) 推荐(0)
loader.js
摘要：/** * @preserve Tiny-Loader: A small loader that load CSS/JS in best way for page performanceIs. * * @version 1.0.1 * @copyright The Youzan Limited [A 阅读全文
posted @ 2019-01-10 17:54 web前端参天大圣 阅读(2846) 评论(0) 推荐(0)
鼠标事件集锦
摘要：// 屏蔽鼠标右键系统菜单 document.body.oncontextmenu = function (evt) { evt = evt || event; evt.returnValue = false; return false; }; 阅读全文
posted @ 2019-01-10 17:41 web前端参天大圣 阅读(268) 评论(0) 推荐(0)
14行代码创建一个极简的单页路由
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Building a router</title> <script> var routes = {}; function route (path, innerHTML) { rou 阅读全文
posted @ 2019-01-04 15:54 web前端参天大圣 阅读(239) 评论(0) 推荐(0)