【常用的几段javascript代码分享】教程文章相关的互联网学习教程文章

jquery实现倒计时代码分享

html部分代码如下:<span class="time_wrap" value="1397145180" style="line-height:200%;"></span> js部分代码如下:<script type="text/javascript"> $(document).ready(function(){ setInterval(function(){ $(".time_wrap").each(function(){ var Obj = this; var EndTime = new Date(parseInt($(Obj).attr(value)) * 1000); var NowTime ...

用js读、写、删除Cookie代码分享及详细注释说明

代码如下://已经验证过// JavaScript Document//使用说明: //设置缓存:setCookie("name",value);//获取缓存:var name=getCookie("name");//删除缓存:delCookie("name");///设置cookiefunction setCookie(NameOfCookie, value, expiredays){ //@参数:三个变量用来设置新的cookie: //cookie的名称,存储的Cookie值, // 以及Cookie过期的时间. // 这几行是把天数转换为合法的日期 var ExpireDate = new Date (); ExpireDate.setTim...

jquery实现预览提交的表单代码分享【图】

预览表单,查看后确认提交或者返回重填XML/HTML Code代码如下: <form class="mform" id="myform" method="POST" id="myform" action=""> <fieldset> <legend>Registeration</legend> <table cellspacing="0"> <tbody> <tr> <td><label for="u_name"> Username :</label></td> <td><input type="text" name="uname" id="u_name"> <td> </tr> <tr> <td><label for="u_pwd"...

js图片自动轮播代码分享(js图片轮播)

1、利用图片width显示位置来播放图片,技术:.offsetWidth 、aBtn[i].index = i 、setInterval() 、oUl[0].style.left = 、onclick()2、利用数组放入图片经行轮播,技术:setInterval()。没有onclick() 图片轮播12js.html 代码如下:<!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" lang="en" xml:lang="en"> <head...

js分页代码分享【图】

代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type=text/javascript src=jQuery.js></script><style type="text/css">span{width: 60px;height: 20px;display: inline-block;border: solid 1px black;text-align: center;margin: 5px;cursor:pointer;}</style></head><body><div id=page></div><div id=con></div><script type=text/javas...

JavaScript实现的图像模糊算法代码分享

项目中需要用到HTML5模糊图像,以前用GDI,GDI+中都有现成的组件来实现,HTML5中如何实现?1.createImageData()2.getImageData()3.putImageData()以上3个函数即可实现,用法和奥义,自己百度吧,我就不重复叙述了,没多大的意义。 以下是实现模糊算法的JS,其实还有种2B级算法就是分布矩阵,这样效率提高很多倍,不过效果很差,羽化的效果不强。实现代码: 代码如下:var mul_table = [ 512,512,456,512,328,456,335,512,405,...

Js保留小数点的4种效果实现代码分享

1、将小数点清零: 代码如下:function returnFloat0(value) { value = Math.round(parseFloat(value)); return value;}2、保留一位小数点: 代码如下:function returnFloat1(value) { value = Math.round(parseFloat(value) * 10) / 10; if (value.toString().indexOf(".") < 0) { value = value.toString() + ".0"; } return value;}3、保留两位小数点 代码如下:function returnFloat2(value){ value...

常用的几段javascript代码分享

1.3秒后自动返回 代码如下:<span id="totalSecond">3</span>秒后自动返回 <script language="javascript" type="text/javascript"> <!-- var second = document.getElementById(totalSecond).textContent; if (navigator.appName.indexOf("Explorer") > -1) //判断是IE浏览器还是Firefox浏览器,采用相应措施取得秒数 { second = document.getElementById(totalSecond).innerText; } else { second = document.getElementById(tot...

jquery制作弹窗提示窗口代码分享

代码如下:<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script><!--[if IE 6]><script type="text/javascript" src="js/iepngfix_tilebg.js"></script><![endif]--><script type="text/javascript">function position(elem,l,t){ var isIE6 = !-[1,] && !window.XMLHttpRequest; if(isIE6){ var style = elem.style, dom = (document.documentElement), left = l - document.docum...

js左右弹性滚动对联广告代码分享

代码如下:<p><meta content="text/html; charset=gb2312" http-equiv="Content-Type" /><style type="text/css"> .shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px; width:600px; margin:0 auto;}.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}.shuoming dd {line-height:20px; padding:5px 20px;}</style></p><script language=JavaScript > var delta=0.08 var co...

js动画效果制件让图片组成动画代码分享

代码如下:<!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>无标题文档</title> <style> .ld_anipic{ position:absolute; width:8px; height:8px; background-color:#ccc;} </style> <script>//ld动画组建//被加载的...

jquery弹出层类代码分享

代码如下:var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",useOverlay:true,useFx:true,offsets:{x:0,y:-41}});t9.doEffects = function(way){ if(way == "open"){ this.popupLayer.css({opacity:0.3}).show(400,function(){ this.popupLayer.animate({ left:($(document).width() - this.popupLayer.width())/2, top:(document.documentEleme...

jquery创建表格(自动增加表格)代码分享

代码如下:<!DOCTYPE html><html dir="ltr" lang="zh-CN"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width" /><title>jQuery 表格自动增加</title><meta name="keywords" content="jQuery, 表格, table, 自动增加" /><meta name="description" content="jQuery表格自动增加" /><meta name="viewport" content="width=device-width" /><meta name="copyright" content="imsole.net" /><meta name=...

制作jquery遮罩层效果导航菜单代码分享

jquery导航是一个网站必不可少的模块,当一个用户在一个网站上浏览的时候,为了某个目的而查看网站导航栏的时候,突出导航栏的效果是重中之重。因此必须要使用一个效果:jquery遮罩层。利用明暗效果来突出当前用户的操作。 代码如下:$(function() {var $oe_menu= $(#oe_menu);var $oe_menu_items= $oe_menu.children(li);var $oe_overlay= $(#oe_overlay); $oe_menu_items.bind(mouseenter,function(){var $this = ...

js实现弹窗插件功能实例代码分享

目前测试下:支持IE6+ 火狐 谷歌游览器等。 先来看看此组件的基本配置项:如下:代码如下:this.config = { targetCls : .clickElem, // 点击元素 title: 我是龙恩, // 窗口标题 content : text:<p style="width:100px;height:100px">我是龙</p>, //content : img:http://www.baidu.com/a.jpg,// 窗口内容 {text:具体内容 | id:id名 | img:图片链接 | // iframe:src链接} {string} width: 400, ...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部