博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

随笔分类 -  Javascript

上一页 1 2 3 4 下一页

Javascript相关

利用第三方网页聊天工具，制作在线消息

摘要：利用第三方网页聊天工具，制作在线消息代码如下： 阅读全文

posted @ 2015-08-11 14:55 PHP-张工 阅读(1780) 评论(0) 推荐(0)

ocanvas 画板

摘要：使用ocanvas做了个简单的在线画板。ocanvas参考：http://ocanvas.org/效果如下：主要代码如下： oCanvas Example ... 阅读全文

posted @ 2015-05-18 15:39 PHP-张工 阅读(540) 评论(0) 推荐(0)

js 操作COOKE备忘

摘要：function getCookie(c_name){ if (document.cookie.length > 0) { c_start = document.cookie.indexOf(c_name + "="); if (c_start!=-1) ... 阅读全文

posted @ 2015-05-08 11:57 PHP-张工 阅读(365) 评论(0) 推荐(0)

jquery导航动画

摘要：经常在网上看到的，鼠标在导航上移动时，导航底部的横条会自动移动到鼠标悬浮的导航项上。效果如下图：利用jquery的animate 函数，很好实现。代码很简单！代码如下： 测试 首页产品新闻中心关于我们联系我们首页首页下载地址：http://files.cnblogs.com/fi... 阅读全文

posted @ 2015-05-07 09:48 PHP-张工 阅读(578) 评论(0) 推荐(0)

js 标签云效果

摘要：下载：http://files.cnblogs.com/zjfree/js_tag_list.rar效果如下：源码如下： 中国消费者消费北京奶粉世界杯品牌食品安全市场上海奇瑞重工珠宝时代广州食品企业产品专家互联网工商局问题活动营销福喜总局手机公益体验宝贝质量文化工商进口汽车夏日服务... 阅读全文

posted @ 2014-07-31 14:57 PHP-张工 阅读(958) 评论(0) 推荐(0)

JS 黑客帝国文字下落效果

摘要：黑客帝国文字下落效果源代码如下： 黑客帝国文字下落 黑客帝国文字下落 (0) 下载地址：http://files.cnblogs.com/zjfree/hk_text1.... 阅读全文

posted @ 2014-07-09 14:53 PHP-张工 阅读(5652) 评论(2) 推荐(4)

修改webftp，在线文件管理

摘要：项目中要添加一个文件管理功能，允许用户维护自己的静态HTML文件。在网上找了一个现成的在线PHP文件管理工具：webftp 下载地址：http://down.chinaz.com/soft/30675.htm下载后发现有一些问题：他必须登录才可以使用上传的文件类型没有限制界面不是很方便嵌入项目中指定... 阅读全文

posted @ 2014-06-07 11:31 PHP-张工 阅读(5605) 评论(1) 推荐(1)

利用百度地图API，获取经纬度坐标

摘要：利用百度地图API，获取经纬度坐标代码很简单，但在网上没找到现成的获取地图经纬度的页面。就是想，给当前页面传递一个经纬度，自动定位到此经纬度。然后可以重新选择，选择完返回经纬度。效果如下：源代码下载：http://files.cnblogs.com/zjfree/select_map.rar 阅读全文

posted @ 2014-06-06 10:56 PHP-张工 阅读(8805) 评论(0) 推荐(1)

js 编号生成器

摘要：编号生成器 前缀： 后缀： 位数： 连续数字 随机字符范围： ~ 过滤字符： 多个使用,号分割0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ包含字符：随机生成个数： 生成结果代码如下：编号生成器编号生成器前缀： 后缀：位数： 连续数字 随机字符范围： ~ 过滤字符： 多个使用,号分割0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ包含字符：随机生成个数： sss代码下载：http://files.cnblogs.com/zjfree/ 阅读全文

posted @ 2014-01-20 18:35 PHP-张工 阅读(6405) 评论(0) 推荐(0)

js 图片切换效果

摘要：效果如下：代码：图片切换下载地址：http://files.cnblogs.com/zjfree/switchPic.rar 阅读全文

posted @ 2014-01-19 16:20 PHP-张工 阅读(1973) 评论(0) 推荐(0)

简易瀑布流

摘要：基于jquery的简易瀑布流代码如下：瀑布流下载：http://files.cnblogs.com/zjfree/jsFlow.rar 阅读全文

posted @ 2013-12-20 10:13 PHP-张工 阅读(1050) 评论(0) 推荐(0)

从QQ网站中提取的纯JS省市区三级联动

摘要：今天收到园友信息，想问我要原来写的一个 《纯JS省市区三级联动》文章中最新的省市区数据。那个是老早以前搞的。记得数据是从数据库中提取生成的。一时也找不到当时的数据库了。我发现在http://ip.qq.com/的网站中有QQ自己的JS省市区三级联动。所以研究了一下。他的界面如下：何不直接使用的数据呢？惊喜的是QQ是使用引用外部JS来实现三级联动的。JS如下：http://ip.qq.com/js/geo.js使用方法如下：QQ JS省市区三级联动 实... 阅读全文

posted @ 2013-08-20 11:36 PHP-张工 阅读(27941) 评论(30) 推荐(7)

JS ipad图片拖动缩放

摘要：使用JS处理触摸事件，实现图片的拖动缩放。将网页添加到主屏时，设置图标<link rel="apple-touch-icon-precomposed" href="images/icon.png">禁止IPAD自己的页面缩放功能<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">禁止页面的整体拖动document.body.addEventListener(' 阅读全文

posted @ 2013-03-13 10:15 PHP-张工 阅读(3154) 评论(1) 推荐(0)

JS 简易滚动条

摘要：使用Js模拟滚动条。简易模式，类似手机上常见的滚动条。效果如下：Js代码如下：var scrollMoveObj = null, scrollPageY = 0, scrollY = 0;var scrollDivList = new Array();// obj需要添加滚动条的对象 w滚动条宽度 className滚动条样式名称// obj元素 必须指定高度，并设置overflow:hidden;// 如要兼容IE6 必须给obj元素 指定 overflow:hidden; function jsScroll(obj, w, className){ if(typeof(obj) == ... 阅读全文

posted @ 2012-04-01 16:03 PHP-张工 阅读(20389) 评论(1) 推荐(0)

js 流体时间

摘要：使用Js写的流体时间效果TimeHHHH源码下载：http://files.cnblogs.com/zjfree/JsFlowTime.zip 阅读全文

posted @ 2012-03-05 17:54 PHP-张工 阅读(654) 评论(0) 推荐(1)

仿JQuery选择器

摘要：JQuery的选择器功能十分强大。但有时候只使用简单的选择器功能。试着自己使用JS模仿JQuery做了一个。已实现功能：$('#div1') ID选择器 （直接返回对象）$('.aCur') 类选择器$('div') 元素选择器$('#div1 li') 组合选择器$('input[type=text]:checked') 属性值选择器$('a', myDiv) 选择myDiv下的所有a元素主要JS代码如下/********************************************* 阅读全文

posted @ 2012-02-22 17:37 PHP-张工 阅读(2804) 评论(0) 推荐(1)

js 密码强度检测

摘要：生成强密码 主要代码：function getPwd(n){ var s = ''; while(n--) s += String.fromCharCode(33 + Math.floor(Math.random()*(126-33))) document.getElementById('txt1').value = s;}计算密码破解时间密码强度： 密码位数： （假设使用每秒2.4G的双核CPU计算，不考虑其他因素，穷举破解） 主要代码：function getTime(){ var str = '预计破解用时：'; var selChar = 阅读全文

posted @ 2012-01-18 13:25 PHP-张工 阅读(1543) 评论(0) 推荐(1)

HTML滚动时位置固定

摘要：现在显示器一般都是宽屏，网页两端常常会留白。两边可能会放一些推荐、标签或是导航什么的辅助模块。现在有的网站页面内容过长时，用户将滚动条向下拉时，拉到一定程度，左右两侧的辅助模块就会固定在指定位置，不随滚动条滚动。这个的体验很好。试着自己写了一个。原理很简单，就是使用JS计算当滚动条位置大于元素显示位置时，将元素设置为 position:fixed; 设置好top,left这样就固定好位置了。下载：http://files.cnblogs.com/zjfree/ScrollFix.rar 阅读全文

posted @ 2012-01-14 16:19 PHP-张工 阅读(6469) 评论(0) 推荐(1)

js判断验证码是否正确

摘要：在提交表单时，为了防止自动程序提交，一般提供有验证码。一般都是在提交表单后在服务器端检测验证码是否正确，如错误则阻止表单提交。为了提高体验，有的在Form的submit前使用ajax来提前检测验证码是否正确。这样还要请求服务器，就想何不使用如下方法，来实现js在客户端验证。步骤页面加载时，加载验证码图片，和验证码密码。验证码密码在服务器端生成，生成规则为 md5(验证码+固定随机码) 来生成。固定随机码只是为了防止md5暴力破解。客户端在提交表单前使用js检测验证码是否正确。方法为：将用户输入的验证码加上固定随机码 在js使用md5运算后，与验证码密码比较，如不一样则验证码错误。阻止提交表单。 阅读全文

posted @ 2012-01-11 17:24 PHP-张工 阅读(13829) 评论(5) 推荐(0)

js辅助输入层

摘要：当输入一些文本时，可能允许用户选择已有的。方便用户选择。当焦点在文本框时，显示选择层，当点击其他地方时隐藏。界面如下：核心JSvar arrMsg = new Array();function msgInput(o, msgDiv){ var p = o; var x=p.offsetLeft; var y=p.offsetTop; //获取位置 while(p=p.offsetParent) { x+=p.offsetLeft; y+=p.offsetTop; } y += o.offsetHeight + 2; ... 阅读全文

posted @ 2012-01-09 13:36 PHP-张工 阅读(844) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页