2015年12月31日
摘要: 代码实例如下:如何限制文本框的输入长度 以上代码实现了我们的需要,可以将输入文本的长度限制为10,无论是键盘输入还是复制黏贴都可以实现限制,下面就简单介绍一下实现过程。一.实现原理:当 用键盘输入的时候,通过为keyup事件绑定事件处理函数,然后通过此函数判断当键盘按键弹起时当前文本框的文本长度是... 阅读全文
posted @ 2015-12-31 10:56 土dou 阅读(316) 评论(0) 推荐(1)
摘要: 页面第一次加载实现图片淡入方式加载:图片以淡入方式加载总是让人感觉有一种动态的感觉,可以让用户体验更好,下面就简单介绍一下如何实现此效果。当页面加载的时候,让加载好的图片先隐藏,然后再使用fadeIn()函数实现图片的淡入效果,参考代码如下: 阅读全文
posted @ 2015-12-31 10:55 土dou 阅读(207) 评论(0) 推荐(1)
摘要: 一.html代码部分: <button id="last">尾页</button> 二.ajax代码部分: 11111111111 11111111111 阅读全文
posted @ 2015-12-31 10:53 土dou 阅读(225) 评论(0) 推荐(1)
摘要: 下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览 器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于 Jquery集合中、使DIV可点击、克隆对象、使... 阅读全文
posted @ 2015-12-31 10:49 土dou 阅读(142) 评论(0) 推荐(1)
摘要: HTML文件代码:jQuery用户数字打分评分代码 - HoverTree功能:你觉得这个创意在功能上优秀吗?12345外观:你觉得柯乐义网在外观上优秀吗?12345成本:你觉得这个创意在成本上优秀吗?12345难度:你觉得这个HoverTree网站的难度大吗?12345 首页 原文 特效库 柯乐义... 阅读全文
posted @ 2015-12-31 10:46 土dou 阅读(194) 评论(0) 推荐(1)
摘要: 带农历的日历 公历 年 月 日 一 二 三 四 五 六 阅读全文
posted @ 2015-12-31 10:45 土dou 阅读(777) 评论(0) 推荐(1)
摘要: 用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器。代码如下: 用CSS是div颜色渐变:从绿到红keleyi.com效果图: 另外多浏览器兼容代码: FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,st... 阅读全文
posted @ 2015-12-31 10:44 土dou 阅读(300) 评论(0) 推荐(1)
摘要: 效果图:以下是完整代码:jQuery高级可停靠侧边栏_柯乐义固定隐藏链接CMS.NETJavascriptjQueryC#ASP.NETMVCHTML5web前端SQL ServerC++汇编语言分类汇总其他最新文章JS正则表达式固定隐藏游戏HTML5捕鱼游戏不上不下打地鼠猜数字固定隐藏工具MD5加... 阅读全文
posted @ 2015-12-31 10:42 土dou 阅读(1409) 评论(0) 推荐(1)
摘要: 留言列表 -- HoverTree 留言列表 留言时间:2014-12-20 留言人:柯乐义 标题:HoverTree 项目将要使用什么语言编写呢? 内容:是VB.NET还是C#,还是其他呢? 回复:你好,HoverTree项目将使用C#作为编程语言。使用SQL Server数据... 阅读全文
posted @ 2015-12-31 10:35 土dou 阅读(2017) 评论(0) 推荐(1)
摘要: 很漂亮的用户登录界面HTML模板-柯乐义首页 特效库 原文 阅读全文
posted @ 2015-12-31 10:35 土dou 阅读(1831) 评论(0) 推荐(1)
摘要: 1、after函数定义和用法:after() 方法在被选元素后插入指定的内容。语法:$(selector).after(content)实例代码:jquery的after函数实例-柯乐义柯乐义,这是span里的内容,keleyi.com。原文after函数append函数 appendTo函数结果如... 阅读全文
posted @ 2015-12-31 10:33 土dou 阅读(306) 评论(0) 推荐(1)
摘要: 本实例实现了树形的动态菜单,兼容IE8,火狐,Chrome等浏览器。使用了jQuery的toggle() 方法。效果和代码如下: jquery的树形菜单代码 - 计划 - 博客园 全部收起/展开Jihua树形菜单 一级菜单 二级菜单 ·三级菜单 ·三级菜单 ·jihua.cnblogs.com ... 阅读全文
posted @ 2015-12-31 10:30 土dou 阅读(882) 评论(0) 推荐(1)
摘要: 1.验证帐号是否合法验证规则:字母、数字、下划线组成,字母开头,4-16位。functioncheckUser(str){ varre = /^[a-zA-z]\w{3,15}$/; if(re.test(str)){ alert("正确"); }else{ alert("错误"); } }chec... 阅读全文
posted @ 2015-12-31 10:28 土dou 阅读(702) 评论(0) 推荐(1)
摘要: jQuery搜索切换 - 何问起找商品找商家食品酒水半价抢疯搜商家名称搜索首页 特效jQuery原文导航 阅读全文
posted @ 2015-12-31 10:23 土dou 阅读(316) 评论(0) 推荐(1)
摘要: 【:first】 test 测试li-11 测试li-12 测试li-13 测试li-21 测试li-22 测试li-23 测试li-31 测试li-32 测试li-33 【:first选择器在几个浏览器下的显示】 【:first-child】 test 测试l... 阅读全文
posted @ 2015-12-31 10:20 土dou 阅读(205) 评论(0) 推荐(1)
摘要: 无标题文档 学前教育 义务教育 高中教育 学前教育 义务教育 高中教育 学前教育 义务教育 高中教育 高中教育 阅读全文
posted @ 2015-12-31 10:15 土dou 阅读(312) 评论(0) 推荐(1)
摘要: 此处将显示或隐藏点击此处显示或隐藏上面部分并更换自己的样式(包括背景图、字体等) jquery点击toggle并改变图标src 点击此处,隐藏下面的p1并改变图标src要隐藏的p1点击此处,隐藏下面的p2并改变图标src要隐藏的p2-->点击此处,隐藏下面的p1并改变图标src要隐藏的p1点击此处,... 阅读全文
posted @ 2015-12-31 10:14 土dou 阅读(144) 评论(0) 推荐(1)
摘要: 无标题文档 header 姓名: 生日: email: 简介: search: 请选择您的性别 男 女 请选择您的性别 男 女 请选择你看过的电影 寻龙诀 大话西游 功夫 请选择你看过的电影 寻龙诀 大话西游 功夫 选择天 安排会议:... 阅读全文
posted @ 2015-12-31 10:11 土dou 阅读(161) 评论(0) 推荐(1)
摘要: 扩展jquery的时候。最核心的方法是以下两种: $.extend(object) 可以理解为jquery添加一个静态方法 $.fn.extend(object) 可以理解为jquery实例添加一个方法 $.extend(object) 例子: 1 2 3 4 5 6 7 /... 阅读全文
posted @ 2015-12-31 10:10 土dou 阅读(136) 评论(0) 推荐(1)
摘要: // 禁用右键菜单、复制、选择 $(document).bind("contextmenu copy selectstart", function() { return false; }); // 禁用Ctrl+C和Ctrl+V(所有浏览器均支持) $(document).keydown(funct 阅读全文
posted @ 2015-12-31 10:07 土dou 阅读(193) 评论(0) 推荐(1)
摘要: 代码实例如下:蚂蚁部落 以上代码实现了我们的要求,代码非常的简单,注册onkeyup事件处理函数,此函数可以判断当前输入内容的长度是否大于默认长度,如果不大于,则文本框的长度就是4,否则就是输入内容的长度。 阅读全文
posted @ 2015-12-31 10:06 土dou 阅读(511) 评论(0) 推荐(1)
摘要: 蚂蚁部落 点击查看效果 阅读全文
posted @ 2015-12-31 10:04 土dou 阅读(239) 评论(0) 推荐(1)
摘要: 在很多网站都有这样的功能,那就是可以限制在文本框内输入文字的数量,有的是让文字不超过多少字,有的是文字不能少于多少字,原理基本是一样的,下面就介绍一下如何是用JS实现此功能,代码实例如下:蚂蚁部落 请在文本框内输入文本测试功能 以上代码实现了限制文字输入数量功能,并且可以将文本框内输入的文本... 阅读全文
posted @ 2015-12-31 10:04 土dou 阅读(2916) 评论(0) 推荐(1)
摘要: 代码实例:蚂蚁部落 我将要浮动给对象添加margin:0px auto即可实现此效果。 阅读全文
posted @ 2015-12-31 10:03 土dou 阅读(305) 评论(0) 推荐(1)
摘要: 代码实例如下:蚂蚁部落 1 2 3 4 5 6 7 以上代码实现了我们想要的效果,下面简单介绍一下实现的步骤:一. 使用浮动属性,以便让li元素水平排列。二.让a元素设置为块级元素,然后设置它们的尺寸。三.通过使用链接伪类控制当鼠标放在链接之上时使a元素的尺寸变大,并且使用绝对定位,使当前a元素能... 阅读全文
posted @ 2015-12-31 10:01 土dou 阅读(324) 评论(0) 推荐(1)
摘要: 第一种:蚂蚁部落 据英国《每日电讯报》11月30日报道,以色列安全内阁当天批准在约旦河西岸和东耶路撒冷犹太人定居点新建3000套住房,此举旨在抗议联合国29日批准给与巴勒斯坦观察员国地位。巴以和谈进程也因此蒙上巨大以上代码中固定了div的高度为100px,如果内容的高度超过100px的话,除了在I... 阅读全文
posted @ 2015-12-31 10:00 土dou 阅读(300) 评论(0) 推荐(1)
摘要: 代码如下: 蚂蚁部落 点击这里打开窗口 关闭窗口 一.实现原理:在 默认状态下,遮罩层和窗口都是隐藏不可见的,当点击链接之后,能够使窗口和遮罩层显示,并且将遮罩层设置为半透明状态。此两个元素都采用绝对定位同时设置 居中窗口的z-index属性值大于遮罩层,这样就可以使其覆盖在遮... 阅读全文
posted @ 2015-12-31 09:56 土dou 阅读(458) 评论(0) 推荐(1)
摘要: 代码实例如下:蚂蚁部落 阅读全文
posted @ 2015-12-31 09:54 土dou 阅读(376) 评论(0) 推荐(1)
摘要: 下面先看一段代码实例:蚂蚁部落 以上代码虽然均匀分布了,但是左侧由于外边距的原因,不能够贴到父元素的内壁,不能够满足我们的效果,代码修改如下:蚂蚁部落 以上代码实现了想要的效果。方法就是在水平排列的div的外层再嵌套一个div,并将此div的... 阅读全文
posted @ 2015-12-31 09:53 土dou 阅读(962) 评论(0) 推荐(1)
摘要: 方法一: 使用margin方式,使图片在div中上下垂直居中。margin-top值的计算方式是:div的高度/2-图片高度/2。 代码实例如下:蚂蚁部落方式二:代码实例如下:蚂蚁部落以上代码实现了图片上下垂直居中,不过IE7浏览器并不支持此方式。实现方式在div中添加了如下代码: vertica... 阅读全文
posted @ 2015-12-31 09:50 土dou 阅读(494) 评论(0) 推荐(1)
摘要: 代码实例如下:点击页面其他地方隐藏div-蚂蚁部落 蚂蚁部落 div+css教程 javascript教程 点我不行以上代码中,点击蚂蚁部落能够出现二级菜单,当点击页面的其他任何地方都会隐藏此二级菜单,但是点击蓝色的部分不能够隐藏二级菜单,下面就介绍一下此效果的实现过程。一.实现原理:原理很简... 阅读全文
posted @ 2015-12-31 09:49 土dou 阅读(3622) 评论(0) 推荐(1)
摘要: 文本框输入文字倒计代码实例:通常情况下,文本框输入的文字个数并不是无限制的,一般都会限定一个输入最高上限,较为人性化的网站可能会有可输入字数倒计效果,比如还剩余20可以输入这样的提示,下面就通过一个实例介绍一下如何实现此效果。代码如下: 文本框输入文字倒计效果代码-蚂蚁部落 请... 阅读全文
posted @ 2015-12-31 09:44 土dou 阅读(293) 评论(0) 推荐(1)
摘要: 倒计时效果代码-蚂蚁部落 00 00 00 00 一.实现原理:原理比较简单,就是取得到期时间的时间戳减去当前时间的时间戳,就是两者之间相差的秒数,然后通过这个秒数除以3600就是相差的 小时数,然后再除以24,然后使用Math.floor()函数进行下舍入,就是相差的天数,下面获取小时、分... 阅读全文
posted @ 2015-12-31 09:42 土dou 阅读(388) 评论(0) 推荐(1)
摘要: 蚂蚁部落 用户登录 用户: 密码: 以上代码实现了基本的表单验证功能, 阅读全文
posted @ 2015-12-31 09:41 土dou 阅读(256) 评论(0) 推荐(1)
摘要: 一.setInterval()函数的语法结构: setInterval(code,interval) setInterval()函数可周期性执行一段代码,也就是说代码会被周期性不断的执行下去。 函数具有两个参数: 第一个参数:规定周期性执行的代码,并不一定非要是一个函数。 第二个参数:规定周期的... 阅读全文
posted @ 2015-12-31 09:39 土dou 阅读(420) 评论(0) 推荐(1)
摘要: 点击扩展或缩小文本框效果代码: 点击扩展或缩小文本框效果代码-蚂蚁部落 请输入内容..点击放大点击缩小一.实现原理:当点击按钮的时候通过animate()函数以动画的形式调整调整文本框的尺寸。尺寸不是随意调整的,而是设置了一个上线和下线,当超过上限,尺寸就不会再增加,当小于下限,尺寸也不会再减... 阅读全文
posted @ 2015-12-31 09:37 土dou 阅读(455) 评论(0) 推荐(1)
摘要: 后台接受ajax传递值的实例代码: 使用ajax可以实现无刷新数据交互,下面是一段后台代码接收ajax传递值的实例代码供需要的朋友参考,希望能够带来帮助。 ajax代码如下:$(function (){ timestamp=0; $("#chatform").submit(function ()... 阅读全文
posted @ 2015-12-31 09:35 土dou 阅读(226) 评论(0) 推荐(1)
摘要: 代码实例如下:蚂蚁部落以上代码可以在父div中添加一个div;下面再介绍一下如何删除一个div,下面只给出核心代码:$(document).ready(function(){ $("#father").prepend("蚂蚁部落欢迎您"); $("div").remove("#father ... 阅读全文
posted @ 2015-12-31 09:34 土dou 阅读(453) 评论(0) 推荐(1)
摘要: 模拟实现兼容低版本IE浏览器的原生bind()函数功能:代码如下:if(!Function.prototype.bind){Function.prototype.bind=function(oThis){if (typeof this !== 'function'){throw new TypeEr... 阅读全文
posted @ 2015-12-31 09:31 土dou 阅读(314) 评论(0) 推荐(1)
摘要: javascript当文本框获得焦点设置边框:本章节介绍一下当文本框获得焦点以后如何设置文本框的边框样式,本来是一个非常简单的问题,但是有可能前台美工人员对javascript并不是太了解,所以还是通过一个简单的实例介绍一下,以便需要的朋友进行扩展。代码如下: 文本框获得焦点边框变色-蚂蚁部落... 阅读全文
posted @ 2015-12-31 09:28 土dou 阅读(1082) 评论(0) 推荐(1)
摘要: js实现未知宽高的元素在指定元素中垂直水平居中:本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果,下面就以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中效果,代码如下:蚂蚁部落 蚂蚁部落上面你的代码实现了span元素在div中垂直水平居中效果,下面简单... 阅读全文
posted @ 2015-12-31 09:27 土dou 阅读(240) 评论(0) 推荐(1)
摘要: 产品图片无缝水平滚动效果代码:在众多的网站都有这样的效果,那就是产品图片可以不间断的无缝滚动,效果挺美观的,也给静态的页面增加了几分动感,也便利了浏览者查看产品,算是比较好的效果吧,下面就介绍一下如何实现此特效的,代码实例如下:蚂蚁部落 以上代码实现了图片无缝滚动效果,下... 阅读全文
posted @ 2015-12-31 09:25 土dou 阅读(468) 评论(0) 推荐(1)
摘要: jQuery实现的鼠标滑过切换图片代码实例:有时候网页需要这样的简单效果,那就是当鼠标滑过默认图片的时候,能够实现图片的切换,可能在实际应用中,往往没有这么简单,不过大家可以自行扩展一下,下面简单介绍一下次效果。html静态代码如下: jquery切换代码: $(document).read... 阅读全文
posted @ 2015-12-31 09:23 土dou 阅读(483) 评论(0) 推荐(1)
摘要: 如何实现在密码框如出现提示语:有时候我们需要在登陆表单有一些提示语言,比如“请输入用户民”和“请输入密码”等语言,至于用户名好说,但是在 密码框中出现“请输入密码”这样的语言就有点麻烦了,因为在密码框输入的内容不会以明码显示。如果动态的控制type属性的话就有兼容性问题,如果 input已经存在于页... 阅读全文
posted @ 2015-12-31 09:21 土dou 阅读(634) 评论(0) 推荐(1)
摘要: 代码实例如下:jQuery动态添加和删除行-蚂蚁部落 蚂蚁部落一 蚂蚁部落二 蚂蚁部落三 蚂蚁部落四 蚂蚁部落五 蚂蚁部落六 追加内容 以上代码可以动态添加表格的行,并且表格行的末尾有删除按钮,当点击删除的时候,可以删除当前行,下面介绍一下实现过程。一.实现原理:原理特... 阅读全文
posted @ 2015-12-31 09:18 土dou 阅读(1321) 评论(1) 推荐(2)
摘要: /* 120秒手机短信按钮倒计时 */ exports.sendmessage = function (name) { var second = 120; $(name).attr("disabled", true); var color = $(name).css('background-colo... 阅读全文
posted @ 2015-12-31 09:14 土dou 阅读(234) 评论(0) 推荐(1)
摘要: 无标题文档 header 存在data-icon.html 不存在data-icon2.html 页面home 跳到page1 footer page1 page1 跳到home footer 阅读全文
posted @ 2015-12-31 09:13 土dou 阅读(209) 评论(0) 推荐(1)
摘要: 需求:已登入的,将用户的信息回填,用户文本框内容不能更改。按钮: $("#btnSearch").attr("disabled", false); 文本框: $("#txt").attr("disabled", "disabled"); 阅读全文
posted @ 2015-12-31 09:13 土dou 阅读(108) 评论(0) 推荐(1)
摘要: 1 $("#msg").html(); //返回id为msg的元素节点的html内容。 2 $("#msg").html("new content"); 3 //将“new content” 作为html串写入id为msg的元素节点内容中,页面显示粗体的... 阅读全文
posted @ 2015-12-31 09:11 土dou 阅读(147) 评论(0) 推荐(1)
摘要: 表格用html中的table,tr,td,然后利用for语句实现,循环输出行和列,再根据行列的数量进行乘法运算,第一个for循环输出9行, 然后内嵌一个for,在条件表达式中取第一个for循环的值然后进行输出表格运算,为什么要取第一个for循环,因为第一个for循环的次数是梯形排列的 规则,梯形排... 阅读全文
posted @ 2015-12-31 08:51 土dou 阅读(198) 评论(0) 推荐(1)
摘要: for循环遍历特殊字符和用户输入字符,然后做比较,返回结果。 阅读全文
posted @ 2015-12-31 08:50 土dou 阅读(342) 评论(0) 推荐(1)
摘要: 上传图片 阅读全文
posted @ 2015-12-31 08:48 土dou 阅读(319) 评论(0) 推荐(1)
摘要: 画的一个知识结构图,方便理解。 阅读全文
posted @ 2015-12-31 08:40 土dou 阅读(528) 评论(0) 推荐(1)
摘要: 看看没坏处! 看看没坏处! 阅读全文
posted @ 2015-12-31 08:38 土dou 阅读(1294) 评论(0) 推荐(1)