Javascript - 随笔分类(第4页) - 计划

图片动画横条广告带上下滚动

摘要：查看效果：http://keleyi.com/keleyi/phtml/flash/以下是HTML文件代码： 1 2 3 4 5 6 7 横条广告带上下滚动_柯乐义 8 9 10 横条广告带上下滚动11 12 13 46 47 原文代码整理：柯乐义48 49 web前端:http://www.cnblogs.com/jihua/p/webfront.html最新请参考：http://keleyi.com/a/bjac/8qx83gls.htm点击这里下载阅读全文

posted @ 2013-10-15 21:11 计划阅读(1528) 评论(0) 推荐(0) 编辑

淘宝顶部导航菜单

摘要：效果体验：http://keleyi.com/keleyi/phtml/menu/3.htmHTML文件代码： 1 2 3 4 5 6 7 柯乐义顶部导航菜单_柯乐义 8 9 10 11 12 13 14 15 16 17 18 柯乐义首页 19 我要买 20 21 22 我的买卖 23 24 25 26 已买到的软件 27 已卖出的软件 28 29 30 31 32 33 34 购物车 35 收藏夹 36 37 搜索 38 39 40 搜索 43 44 45 46 47 48 49 5... 阅读全文

posted @ 2013-10-13 22:14 计划阅读(3857) 评论(0) 推荐(0) 编辑

JavaScript实现HTML5烟花特效

摘要：烟花效果如下（请使用支持HTML5的浏览器查看）：点击这里查看效果：http://keleyi.com/keleyi/phtml/html5/14.htm源代码如下： 1 2 3 原文：http://keleyi.com/a/bjac/3pipmkmg.htm触须：http://keleyi.com/a/bjac/k3pi4ehx.htmweb前端：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2013-10-07 23:35 计划阅读(13225) 评论(0) 推荐(0) 编辑

javascript的switch的使用注意

摘要：如果是以下代码：1 你会发现没有弹出对话框，alert没有执行。原因：这里需要明确的是，switch在判断的时候使用的是全等号“===”，全等号在比较的时候首先看数据类型是不是一样的，而在这里，t_keleyi_com是Number类型，而'65'是String。下面的代码则对话框会弹出：1 原文：http://keleyi.com/a/bjac/9a9irmcm.htmweb前端汇总：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2013-09-30 20:45 计划阅读(14512) 评论(0) 推荐(0) 编辑

Web前端资源汇总

摘要：本文地址：http://www.cnblogs.com/jihua/p/webfront.html 网页特效库华山论剑HTML5特效 2017新年快乐特效 CSS3+jQuery实现时钟插件 Html5入门实例"Far away from home" jQuery网页版五子棋小游戏源码下载一句j 阅读全文

posted @ 2013-09-27 23:16 计划阅读(84241) 评论(2) 推荐(13) 编辑

javascript使浏览器关闭前弹出确认

摘要：当用户关闭页面时，弹出对话框，让用户确认是否关闭，选择确定则页面关闭，否则页面不关闭。效果体验：http://keleyi.com/keleyi/phtml/js/index.htm完整代码：关闭网页确认-柯乐义当您关闭页面时，会弹出对话框，让您确认是否离开页面，选择确定则页面关闭，否则页面不关闭。原文Javascript的变量作用域原理详解js获取屏幕分辨率JS的encodeURI和encodeURIComponent...js存、取、删除cookies实例javascript正则表达式基础入门与进阶js获取页面中图片的总数HTML DOM Document 对象概述匹配HTML标记的jSc 阅读全文

posted @ 2013-09-26 16:13 计划阅读(6637) 评论(0) 推荐(0) 编辑

js获取页面中图片的总数

摘要：查看效果：http://keleyi.com/keleyi/phtml/image/9.htm下面是完整代码：本页中图片的总数是：效果如下：本页中图片的总数是：你能全部找到吗？总结：使用document.images.length可以获取页面中图片的总数，包括使用javascript加入的图片，但是css定义的背景图片不算原文：http://keleyi.com/a/bjac/ovyge49k.htm 阅读全文

posted @ 2013-08-21 20:42 计划阅读(5761) 评论(0) 推荐(0) 编辑

jQ获取浏览器window的高宽

摘要：Window 对象Window 对象表示浏览器中打开的窗口。JavaScript 层级中的顶层对象，表示浏览器窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。注释：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。使用jQuery可以这样获取window的宽高：宽度： $(window).width() 高度： $(window).height()实际效果：相同的屏幕不同的浏览器，即使都最大化，宽度也可能不一样，可以在IE，Chrome，火狐的浏览器中打开本阅读全文

posted @ 2013-08-20 15:55 计划阅读(8730) 评论(0) 推荐(0) 编辑

js获取本机的外网/广域网ip地址

摘要：完整源代码：客户端外网IP--柯乐义您的IP地址是：效果如下：您的IP地址是：也可到这里查看效果：http://tool.keleyi.com/ip/wodeip.htm使用方法：一、把这个放到源代码中要显示IP地址的位置二、然后在源代码的前输入：原文：http://keleyi.com/a/bjac/5ny3tgps.htm 阅读全文

posted @ 2013-08-10 20:55 计划阅读(7134) 评论(4) 推荐(0) 编辑

图片效果集合(js、jquery或html5)

摘要：1.jQuery HTML5 幻灯片使用支持HTML5的浏览器会有特殊效果，即切换图片时颜色的改变文章：http://keleyi.com/a/bjac/b8i3xdui.htm效果：http://keleyi.com/keleyi/phtml/html5/1.htm2. jQuery图片延迟加载一开始不加载实图，只用灰图占位，当图片出现在视线中才加载实图，减少对服务器的压力。效果网址：http://keleyi.com/keleyi/phtml/image/index.htm文章网址：http://keleyi.com/a/bjac/et551617.htm3.jquery使用ColorBo 阅读全文

posted @ 2013-06-20 22:56 计划阅读(2740) 评论(0) 推荐(0) 编辑

js实现右下角可关闭最小化div

摘要：本实例使用Javascript实现右下角可关闭最小化div，可以用于展示推荐内容，效果预览网址：http://keleyi.com/keleyi/phtml/xuanfudiv/3.htm效果图片：完整源代码： 1 <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xh 阅读全文

posted @ 2013-06-18 01:13 计划阅读(3969) 评论(0) 推荐(0) 编辑

js+div+css下拉导航菜单完整代码

摘要：效果预览：http://keleyi.com/keleyi/phtml/menu/1.htmjs+div+css下拉导航菜单完整代码:<!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><title>cs 阅读全文

posted @ 2013-06-15 21:41 计划阅读(1870) 评论(1) 推荐(1) 编辑

找到一个端午节赛龙舟的特效

摘要：可以在这里体验：http://keleyi.com/keleyi/phtml/duanwu/index.htm请把鼠标移动到大鼓上，然后选择三只龙舟中的一只，然后击鼓。源码和 ps文件下载：http://down.keleyi.com/source/duanwu.rar使用说明：1.把duanwu文件夹传到网站根目录或者其他目录2.在LOGO相应位置改为（自己调整LOGO路径和JS路径，还有CSS细节）<div id="m" style="float:left"><p id="lg"><img src= 阅读全文

posted @ 2013-06-12 13:46 计划阅读(1708) 评论(0) 推荐(0) 编辑

js代码着色

摘要：本实例是使用Javascript插件,在浏览器客户端动态的为代码着色,可以显示行号.Javascript代码着色实例效果：http://www.keleyi.com/keleyi/phtml/codecolor/a/index.htm以下是代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/199 阅读全文

posted @ 2013-05-29 16:52 计划阅读(1702) 评论(0) 推荐(0) 编辑

KeleyiTextarea类

摘要：KeleyiTextarea类,是一个Javascript操作textarea的类,封装集合了操作textarea的多个方法,包括获取光标位置,添加内容到光标位置,选中字符串,设置光标位置,删除光标前后字符串等(兼容IE,chrome,firefox)。应用示例效果：http://keleyi.co... 阅读全文

posted @ 2013-05-20 07:18 计划阅读(2989) 评论(0) 推荐(1) 编辑

滚动页面时DIV到达顶部时固定在顶部

摘要：本示例使用Javascript实现了滚动页面时，DIV到达顶部时固定在顶部。在IE下效果有点闪，效果网址：http://www.keleyi.com/keleyi/phtml/fixdiv.htm下面是代码：<body style="margin:0px;"><div style="height:300px;background:#e0e0e0"></div><div id="fixedMenu_keleyi_com" style="background:#ffffff;width: 阅读全文

posted @ 2013-05-20 06:29 计划阅读(19415) 评论(0) 推荐(1) 编辑

JS在textarea光标处插入文本

摘要：本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器,效果网址：http://keleyi.com/dev/36d87291ba370420.htm下面是代码:-------------------------------------------------------... 阅读全文

posted @ 2013-03-21 22:59 计划阅读(1483) 评论(0) 推荐(0) 编辑

HTML5时钟

摘要：本示例使用HTML5的canvas标签和Javascript脚本，在页面上模拟显示了一个时钟，请使用支持HTML5的浏览器预览效果：点击这里查看效果http://www.keleyi.com/keleyi/phtml/html5clock.htm以下是完整代码，保存到html文件可以查看效果。<!DOCTYPE html><html><head><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><title> 阅读全文

posted @ 2013-03-10 17:55 计划阅读(2759) 评论(0) 推荐(1) 编辑

在图片上显示左右箭头的翻页代码

摘要：使用JS实现在图片上显示左右箭头的翻页代码，预览效果网址：http://www.keleyi.com/keleyi/phtml/picnext/本实例使用了javascript的onmousemove 事件。onmousemove 事件会在鼠标指针移动时发生。语法onmousemove="SomeJavaScriptCode"SomeJavaScriptCode是必需参数。规定该事件发生时执行的 JavaScript。下面是核心代码（完整代码请在效果页面查看源代码）：<script type="text/javascript">functio 阅读全文

posted @ 2013-03-03 15:50 计划阅读(4280) 评论(0) 推荐(0) 编辑

JS验证URL函数

摘要：搜集一个JS验证URL函数1 function CheckUrl(str) {2 var RegUrl = new RegExp();3 RegUrl.compile("^[A-Za-z]+://[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&\?\/.=]+$");//jihua.cnblogs.com4 if (!RegUrl.test(str)) {5 return false;6 }7 return true;8 } 阅读全文

posted @ 2012-10-12 00:14 计划阅读(242) 评论(0) 推荐(0) 编辑

随笔分类 - Javascript