Css代码 代码如下: #brg{ width: 100%; height: 100%; background: #333; position: absolute; top: 0; left: 0; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; position: absolute; top: 0; left: 0; display: none;}#showdiv{ width: 100%; height: auto; position: absolute; left: 300px; top: 150px; z-index: 330; display: none;}#testdiv{ width: 800px; height: auto; margin: 0 0; border: 1px solid #4...
代码如下:<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>10进制<-->2进制</title> </head> <body> Decimal: <input type="text" id="decimal" /> <input type="button" value="to Binary" o...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>远程网页源代码读取</title> <style type="text/css"> /* 页面字体样式 */ body, td, input, textarea { font-family:Arial; font-size:12px; } </style> <script type="text/javascript"> //用于创建XMLHttpRequest对象 function createXmlHttp() { //根据...
代码如下:function copy_clip() { var url = $("#back_info").html(); //需要复制的内容 var txt = url.substring(url.indexOf(":") + 1, url.length); if (window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text", txt); alert(恭喜,复制成功!); } else if (navigator.userAgent.indexOf("Opera") != -1) { window.location = txt; }...
代码如下: <script src="Jquery1.7.js" type="text/javascript"></script> <script src="jquery.validate.js" type="text/javascript"></script> <script src="messages_cn.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(#form1).validate({ rules: { txtUser: { required: true, minlength: 6 }, ...
1. 键盘方向键监听事件和禁止复制操作 document.onkeydown=nextpage var prevpage="//www.gxlcms.com/1.htm" var nextpage="//www.gxlcms.com/2.htm" var indexpage="/readindex/index_0011020986.html" function nextpage(event) { event = event ? event : (window.event ? window.event : null); if (event.keyCode==13) location=indexpage if (event.keyCode==37) location=prevpage if (event.keyCode==39) location...
在文档加载完毕后将执行的方法(参见jquery文档) 一般来说文档加载的时候应该绑定所有的事件, 但是有一种情况例外. 比如 通过Ajax方法取回来的内容里面还含有动作按钮的,这时需要针对这部分功能执行绑定. 代码如下://需要手动调用 load_event_monitor(element); 方法. $(function() { load_event_monitor(document); }); //注意这里的o对象是一个html 元素而非是一个jquery对象,所以在调用它的方法时应该使用$(o)函数 ...
以前在网上看到的最简单的拖动对象的代码,忘记作者叫什么了。 原始代码在IE下有些小问题,并且声明了文档类型为xhtml 1.0后,在FF等非IE浏览器下无效,对其进行了改进,现在已经可兼容:IE、Firefox、Opera ... 以下代码只是演示原理,具体应用请结合你自己的实际需求进行修改。代码实例:拖动对象 Drag Object (兼容:IE、Firefox、Opera ... ) .dragAble {position:relative;cursor:move;} 这些都是可拖动对象 [Ctrl+A 全选 注:如...
返回目录1.cnGameJs框架的代码组织 核心函数模块,主要的作用是为之后的框架开发和用户对游戏的开发提供方便,整个框架在一个闭包之中,避免对全局作用域的污染。之后每个不同的模块分别在自己的闭包内,使不同模块的分割更清晰。因此我们框架的模块划分会是这样:(function(win,undefined){//最大的闭包var fun1=function(){//各模块公用的方法 }//这里放各个小模块,它们有各自的闭包}(window,undefined) 那么我们如何再...
本篇文章给大家带来的内容是关于前端常用的JavaScript操作(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1.删除字符串中指定的一段字符例:删除"10km"中的kmvar str = "10km"//方法一: var res = str.replace(km, )//方法二: var res = str.split(km).join() //join方法不传参默认使用逗号作为分隔符2.数组去重var arr = [1, 2, 3, 1, 2]//方法一: var res = [...new Set(arr)]//方法二: var ...
css+js如何实现简单的动态进度条?本篇文章就给大家用css+js制作一个简单的动态进度条效果,并将页面动态进度条滚动加载的代码分享给大家,感兴趣的小伙伴可以参考借鉴一下,希望对你们有所帮助。我们要知道,这里主要使用了css3的animation动画属性,首先将进度条设置为一个初始宽度为0,背景色为绿色,高度与容器相同的元素;在通过animation动画属性对其宽度进行过渡,从而实现进度条填充的效果。我们来看看css3的animation动画...
作者子鼠 客齐集首页的一个效果, 今天有人问我是怎么写的,于是晚上就又重写了一个; 顺便把那个布局再理一下; 你可以先看一下客齐集首页的效果:http://shanghai.kijiji.cn 我试着不用position:absolute的方法; 但写起来太难了; 后来还是用position:absolute了; 但在客齐集站上的是没有用的;真不知道当时是怎么写出来的;以下是效果图:以下是布局部分 代码如下: 热门活动 最新功能 服务承诺 最新成功...
css+js如何实现简单的动态进度条?本篇文章就给大家用css+js制作一个简单的动态进度条效果,并将页面动态进度条滚动加载的代码分享给大家,感兴趣的小伙伴可以参考借鉴一下,希望对你们有所帮助。我们要知道,这里主要使用了css3的animation动画属性,首先将进度条设置为一个初始宽度为0,背景色为绿色,高度与容器相同的元素;在通过animation动画属性对其宽度进行过渡,从而实现进度条填充的效果。我们来看看css3的animation动画...
实际应用中,有时候要复制的仅仅是选中的文本,比如选中一段文本,点击一个按钮就将选中的文本复制到某一个地方。 下面就是一段这样的代码实例,希望能够给需要的朋友带来一定的帮助。 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>元素的复制,web前端学习交流扣qun:731771211 志同道合者进!</title> <style type="text/css"> body{...
任何现象都可能是双刃剑,有时候利用事件冒泡能够带来便利性,但是有时候也会带来不便。 下面通过带来实例介绍一下如何阻止事件冒泡。 代码实例如下: ] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>web前端开发学习扣qun:731771211 详细教程分享</title> <script type="text/javascript"> window.onload=function(){var bt=document.getElementByI...