前端开发-javascript
关注
分享
扫一扫
文章平均质量分 60
iteye_7451
这个作者很懒，什么都没留下…
展开
-
如何判断鼠标滚轮在动以及滚动方向
<html><head><script type="text/javascript">function handle(delta) { var s = delta + ": "; if (delta <0) s += "您在向下滚……"; else s += "您在向上滚……";原创 2010-01-14 11:20:20 · 1616 阅读 · 0 评论 -
iframe 父窗口和子窗口相互的调用方法集锦
一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个pare...原创 2010-12-26 11:25:16 · 86 阅读 · 0 评论 -
iframe+js实现页面全屏、淡入淡出切换
index.html <html> <head> <script type="text/javascript"> //实现全屏 function Fkey(){ var WsShell = new ActiveXObject('WScript.Shell') WsShell.SendKeys('{F11}'); } ...原创 2010-12-26 14:07:34 · 428 阅读 · 0 评论 -
屏蔽键盘及鼠标相关代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus&qu原创 2010-12-26 14:09:05 · 397 阅读 · 0 评论 -
iframe载入完成时的事件监听
经常会遇到这样一种情况。 在iframe里嵌入另外一个页面时。如果iframe载入的页面响应较快，或许我们感觉不到页面载入的不同步，但试想，如果一个需要内嵌到iframe 里的页面的响应很慢，这里会出现一种什么现象呢？这时将会出现所有页面已经载入完成，但在iframe元素处，将会出现空白，直到内嵌页面完成载入时，该 空白处才会显示新载入的页面。 可想而知，一个页面如果长时间的空白，对于浏览...原创 2010-12-26 15:27:31 · 176 阅读 · 0 评论 -
浮动图片 广告图片 示例
<!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> <原创 2011-01-11 15:00:01 · 279 阅读 · 0 评论 -
[转]jquery的checked以及disabled
http://archive.cnblogs.com/a/2251855/ 下面只提到checked,其实disabled在jquery里的用法和checked是一模一样的 下边两种写法没有任何区别 只是少了些代码而已... ----------------------------------------------------------- <input id="c...原创 2012-01-16 10:51:41 · 168 阅读 · 0 评论 -
颜色搭配器
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE>颜色搭配器</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8&q原创 2011-03-10 11:41:16 · 128 阅读 · 0 评论 -
js动态加载css文本
<html> <head> <title></title> <script language="javascript"> function insertStyle(cssText) { var head = document.getElementsByTagName("head")[0]; var s原创 2011-11-10 15:26:22 · 283 阅读 · 0 评论 -
判断iframe是否加载完毕的方法（兼容ie和Firefox）(转)
<html> <head> <meta http-equiv="Content-Type" c> <title>判断iframe是否加载完毕的方法（兼容ie和Firefox）</title> </head> <body> <div align="cen原创 2011-04-27 10:30:18 · 139 阅读 · 0 评论 -
js控制onclick事件实例
<html> <head> </head> <body> <button id="a1">点击</button> <script> function test(){ document.getElementById("a1").onclick=f原创 2011-04-27 12:33:49 · 719 阅读 · 0 评论 -
javascript实现图片轮换效果
<script type="text/javascript"> /************************************************** 名称: 图片轮播类 示例: 页面中已经存在名为imgPlayer(或者别的ID也行)的节点. PImgPlayer.addItem( "test",...原创 2011-11-29 16:46:14 · 158 阅读 · 0 评论 -
可移动弹出层
<!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> &原创 2012-09-21 14:32:26 · 110 阅读 · 0 评论 -
table tr 拖动排序插件jquery.tablednd.js
<html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://isocra.com/js/jquery.tablednd.js"></script> &a原创 2013-07-30 15:31:06 · 2199 阅读 · 0 评论 -
ul li 拖动排序jquery-ui.js
<html> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"原创 2013-07-30 15:40:08 · 932 阅读 · 0 评论 -
jquery完全遮盖+弹出框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript" src="http://www.veryhuo.com/upl原创 2013-08-20 15:23:54 · 235 阅读 · 0 评论 -
js判断浏览器类型
var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys...原创 2010-12-24 13:21:13 · 111 阅读 · 0 评论 -
MathJax+MathML
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> &原创 2011-09-06 10:46:25 · 1036 阅读 · 0 评论 -
如何让浏览器水平滚动条居中
<script> window.onload = function() { // if(screen.width == 800 && screen.height == 600) // { var iMove = (document.bod...原创 2010-01-21 08:52:27 · 438 阅读 · 0 评论 -
js判断是否是数字
<script language="JavaScript"> if (isNaN(123)){alert('请输入数字');}else{alert('是数字,通过');} </script>原创 2010-01-21 08:59:17 · 82 阅读 · 0 评论 -
js实现左右选择框
<html><head><title>左右选择添加、删除菜单内容</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body>选定一项或多项然后点击添加或移除(原创 2010-01-21 09:00:31 · 300 阅读 · 0 评论 -
Firefox下的AJAX onreadystatechange问题
Firefox下的AJAX onreadystatechange问题 一、问题： var xmlHttp;function savetodata(){ createXMLHttpRequest();var rndcode = new Date().getTime();var Url ="a.asp?cache="+rndcodexmlHttp.onreadystatec...原创 2010-01-22 15:08:22 · 80 阅读 · 0 评论 -
firefox下对select增加option节点
IE下面很好写，firefox下试了几种写法都不行，比如var oOption = document.createElement("OPTION");oOption.setAttribute("text",fromObj.options[sIndex].text);oOption.setAttribute("value",fromObj.options[sIndex].value);selectO...原创 2010-01-22 15:09:15 · 135 阅读 · 0 评论 -
js实现上下滚动效果
<!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/1999/xhtml "> <head> <meta原创 2010-08-31 11:18:01 · 423 阅读 · 0 评论 -
漂亮的图片移动控制特效
<style type="text/css"> #mainid{position:absolute;right:5px;top:10px;height:435px;width:650px;overflow:hidden;background:#fff;left: 400px;border: 3px solid #666666;} .imgbox{position:absolute;...原创 2010-02-08 11:45:26 · 151 阅读 · 0 评论 -
带缩略图的图片轮换代码
<style>BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #000; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; COLOR: #f6f6ee; MARGIN-RIGHT: auto; PADDING-TOP: 0px; FONT-FAMILY:...原创 2010-02-08 11:50:20 · 141 阅读 · 0 评论 -
即点即现的实现
<script type="text/javascript"src="http://www.cssrain.cn/demo/jquery.js"></script><script type="text/javascript"> var i=2;$(document).ready(function(){$("#total").css("c2010-02-27 18:26:34 · 112 阅读 · 0 评论 -
双色table的解决方案
在IE浏览器下直接用css就可解决： .mytable tr{background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")} 而在firefox下，则不会生效，因为sectionRowIndex只在IE下有效。 另外有一个使用javascript的解决方案： （1）javascript代码如下 funct...2010-02-27 18:28:21 · 132 阅读 · 0 评论 -
IE6弹出层盖不住下拉菜单的解决方案 （转）
确实有效 使用iframe方式解决，如下例子 <!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/1...原创 2010-10-18 10:07:21 · 83 阅读 · 0 评论 -
如何遍历一个未知的object类型的属性（转）
原文：http://venrains.iteye.com/blog/693064 很多时候在调试js时会使用alert命令来弹出你想要看到的内容，但往往会出现[object] 另我郁闷不已~ 下面提供两个方法可以遍历对象的属性 1.利用IE8自带的debug工具 [工具]菜单→ 开发者工具 或者F12 可以打开debug模式 2.写一段简单的js代码...原创 2010-10-18 13:48:48 · 447 阅读 · 0 评论 -
拖动布局实例
[b][color=red]这是一个拖动布局的例子，不是拖放到页面的任意位置，而是页面上有很多格子，每个格子间可互换位置。将该文件保存为html文件，即可查看效果。本实例没有使用什么高深的技术，紧紧使用了css+div JavaScript[/color][/b] [code="java"] JavaScript Google IG Drag Demo .col...原创 2009-08-03 16:36:46 · 142 阅读 · 0 评论 -
js实现的左右选择框（转）
item 1.1 item 1.2 item 1.3 item 2.1 item 2.2 item 2.32010-05-02 15:48:09 · 152 阅读 · 0 评论 -
js中使用正则表达式实现replaceAll方法
http://www.360doc.com/content/11/0407/20/2956608_108008354.shtml <html> <head> <title></title> <script language="javascript"> function replaceAll() { var oldV...原创 2011-08-26 15:55:44 · 198 阅读 · 0 评论 -
回调函数实例
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script> var myObj = function(){ this.id = '00001'; this.name = 'zhangsan'; } my...原创 2013-08-21 09:14:16 · 110 阅读 · 0 评论