JavaScript资料,JavaScript文章,JavaScript文档-易库教程

基于jquery扩展漂亮的CheckBox（自己编写）

2017年02月06日 17 阅读

大家都知道默认的html复选框控件样式可定义相当有限，无法满足大多用户的美观度。今天跟大家一起分享前一段时间自己编写的CheckBox控件。喜欢的朋友可以拿去使用，有什么好的建议希望你给我留言。废话不多说，切入正题。 Html部分代码如下：复制代码代码如下: <b class="combox"></b> Css部分代码如下：复制代码代码如下: .combox{float:left;background:url（/img/I...

showModelDialog弹出文件下载窗口的使用示例

2017年02月06日 19 阅读

当点击我要修改时，需要在后台生成excel文件，同时需要提供下载文件功能。生成excel文件容易、弹出”文件下载”也容易：点击按钮，跳转到action中，在该action中生成Excel文件，填充数据，保存到临时文件夹中，然后在按钮的Click事件中，根据模板生成Excel报表，填充数据，保存到临时文件夹，然后output.wirte（）。一切看起来很顺利。Action如下（弹出"文件下载"窗口）：复制代码代码如下:/***@paramresponse*...

基于jquery扩展漂亮的下拉框可以二次修改

2017年02月06日 16 阅读

继续发一篇关于web前端自定义控件——ComboBox（下拉框）,以往我在使用下拉框控件老是为了样式丑陋而烦恼，现在分享这个控件，希望有用的同仁们可以收藏，或进行二次修改，达到你想要的效果。分解自定义下拉框： 1.创建构造函数，初始化赋值控件值。 2.绑定控件呈现在前台。 3.点击下拉框控件，展示下拉列表 4.点击触发下拉框控件，收起下拉列表。 5.点击下拉项触发事件。代码如下： Html代码：复制代码代码如下: <b class="sele...

基于jquery自定义的漂亮单选按钮RadioButton

2017年02月06日 19 阅读

继续分享web前端自定义控件，今天所要分享的控件是单选按钮，希望对你有收获，有好的建议也希望能留言给我。代码如下： Html代码如下：复制代码代码如下: <div style="margin:50px;float:left;"> <b class="radio" _txt="单选我"></b> <b class="radio" _txt="单选你"></b> <b class="radi...

js获取当月最后一天实例代码

2017年02月06日 19 阅读

以下就是JS代码::@ author YHC:复制代码代码如下:function getCurrentMonthLastDay（）{ var current=new Date（）; var currentMonth=current.getMonth（）; var nextMonth=++currentMonth; var nextMonthDayOne =new Date（current.getFullYear（）,nextMonth,1）; ...

JS简单实现元素复制示例附图

2017年02月06日 18 阅读

源代码：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <...

JS随机漂浮广告代码具体实例

2017年02月06日 15 阅读

复制代码代码如下:<！--随机漂浮广告开始--><div id="float" style="position:absolute; z-index:3;（我建议大家把这里设为100，这样浮动图就不会被遮住了） left: 512px; width: 83px; top: 9px; height: 53px;"> <img src="piaofu.gif" width="100" height="50"> </di...

JS简单实现登陆验证附效果图

2017年02月06日 19 阅读

源代码：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <...

鼠标滑在标题上显示图片的JS代码

2017年02月06日 15 阅读

复制代码代码如下: <SCRIPT type=text/javascript src="js/jquery.tooltip.v.1.1.js"></SCRIPT> <SCRIPT type=text/javascript src="js/jquery.tooltip.execute.js"></SCRIPT> 机型：<a href="#nogo" class="with-tooltip" title=...

简单时间提示DEMO从0开始一直进行计时

2017年02月06日 15 阅读

方便以后拿来就用复制代码代码如下: <html> <head> <script type="text/javascript"> var c=0 var t function timedCount（） { document.getElementById（"txt"）.value=c c=c+1 t=setTimeout（"timedCount（）",1000） } </script> </head&...

javaScript array（数组）使用字符串作为数组下标的方法

2017年02月06日 20 阅读

Array是从Object那里继承下。它具备Object所有的功能和特性。下面是Object的情况：新建： var object = new Object（）;增加： object[strIndex ] = value; （strIndex 为string）删除： delete object[strIndex ];遍历： for （ var strObjIndex in object ） object[strObjIndex ]; 如下：复制代码代码如下...

jquery ajax 简单范例（界面+后台）

2017年02月06日 19 阅读

界面: 复制代码代码如下: <script> $（document）.ready（function （） { $（"#b01"）.click（function （） { htmlobj = $.ajax（{ url: "/Content/upFile/测试.txt", async: false }）; $（"#div01"）.html（htmlobj.responseText）; }）; }）; $（document）.ready（funct...

JS获取当前网址、主机地址项目根路径

2017年02月06日 20 阅读

复制代码代码如下: //获取当前网址，如： http://localhost:8080/Tmall/index.jsp var curWwwPath=window.document.location.href; //获取主机地址之后的目录如：/Tmall/index.jsp var pathName=window.document.location.pathname; var pos=curWwwPath.indexOf（pathName）; //获取主...

js计算两个时间之间天数差的实例代码

2017年02月06日 16 阅读

复制代码代码如下://判断是否为闰年function isLeapYear（year）{if（year % 4 == 0 && （（year % 100 ！= 0） || （year % 400 == 0）））{ return true;}return false;}//判断前后两个日期function validatePeriod（fyear,fmonth,fday,byear,bmonth,bday）{if（fyear < byear）{ret...

JS注释所产生的bug 即使注释也会执行

2017年02月06日 19 阅读

今天在写JS的时候遇到了一个奇怪BUG。一直提示我JAVA类中的一个属性没有。那个属性我去掉了。但是JS中取那个属性的我也屏蔽了呀！复制代码代码如下: // var pro = "${product.proGrade}"; 就是这个proGrade。真是奇怪。后来才知道。JS里即使注释，也会执行。只是不显示给你。...

jquery.autocomplete修改实现键盘上下键自动填充示例

2017年02月06日 20 阅读

根据需求要实现通过键盘上下移动，获得联想菜单中的值，如同google baidu的查询功能。在网上找了很久没有找到可以实现该功能的插件，无奈只能自己动手改代码。找到js中的KEY.DOWN 和 KEY.UP执行代码如下：复制代码代码如下: case KEY.DOWN: event.preventDefault（）; if （ select.visible（）） { select.next（）; } else { onChange（0, true...

js文本框输入点回车触发确定兼容IE、FF等

2017年02月06日 19 阅读

复制代码代码如下: <head> <script> function EnterPress（e）{ //传入 event var e = e || window.event; if（e.keyCode == 13）{ document.getElementById（"txtB"）.focus（）; } } </script> </head> <body> <input type="text...

Js 导出table内容到Excel的简单实例

2017年02月06日 21 阅读

复制代码代码如下:function ExportToExcel（tableId） //读取表格中每个单元到EXCEL中 { try{ var curTbl = document.getElementById（tableId）; var oXL = new ActiveXObject（"Excel.Application"）; //创建AX对象excel var oWB = oXL.Workbooks.Add（）; //获取workbook对象...

详解jQuery插件开发中的extend方法

2017年02月06日 18 阅读

Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，dest是要整合的空间可以使{} 或者不写src是一个JSON表达式表示的javascript对象.... 因此里面可以添加方法属性等等...我么通过不同的应用可以将我们自己的方法整合到jQuery空间中....实现插件开发在jQuery中定义 jQuery.extend = jQuery.fn.extend 所以这两个函数式相同的一、Jquery的扩展方法原型是: ...

jquery ajax的success回调函数中实现按钮置灰倒计时

2017年02月06日 16 阅读

主要是实现异步手机发送短信成功之后在ajax的success回调中实现将发送按钮置灰并倒计时，刚开始一直报js错误，问题可能出在于调用ajax之后this被更新，随意在这之前先把this对象赋给一个变量就没问题按钮倒计时代码复制代码代码如下: var wait = 60; get_code_time = function （o） { if （wait == 0） { o.removeAttribute（"disabled"）; o.value = "...

首页 / 脚本样式 / JavaScript

基于jquery扩展漂亮的CheckBox（自己编写）

showModelDialog弹出文件下载窗口的使用示例

基于jquery扩展漂亮的下拉框可以二次修改

基于jquery自定义的漂亮单选按钮RadioButton

js获取当月最后一天实例代码

JS简单实现元素复制示例附图

JS随机漂浮广告代码具体实例

JS简单实现登陆验证附效果图

鼠标滑在标题上显示图片的JS代码

简单时间提示DEMO从0开始一直进行计时

javaScript array（数组）使用字符串作为数组下标的方法

jquery ajax 简单范例（界面+后台）

JS获取当前网址、主机地址项目根路径

js计算两个时间之间天数差的实例代码

JS注释所产生的bug 即使注释也会执行

jquery.autocomplete修改实现键盘上下键自动填充示例

js文本框输入点回车触发确定兼容IE、FF等

Js 导出table内容到Excel的简单实例

详解jQuery插件开发中的extend方法

jquery ajax的success回调函数中实现按钮置灰倒计时