随笔分类 -  [Js/Jquery]

摘要:写在前面最近一个搞美工的朋友让我给他写一个图片轮播的特效。需求:图片向左循环滚动。图片滚动到中间高亮显示,并在下方显示照片人物对应的信息。鼠标悬停止滚动。鼠标离开开始滚动。单击图片,图片移到中间并高亮显示。分析思考一首先想到的是图片轮播的插件,找了几款,并不是太满意,就放弃了。思考二然后想到使用jq... 阅读全文
posted @ 2014-10-22 16:14 wolfy 阅读(2903) 评论(4) 推荐(3) 编辑
摘要:概述在项目获取某个元素的值会出现undefined,所以对这种情况要有特殊处理。可通过下面的代码判断是否为undefined类型。1 if (typeof(reValue) == "undefined") { 2 alert("undefined"); 3 } 4 5 typeof 返回的是... 阅读全文
posted @ 2014-09-13 09:04 wolfy 阅读(975) 评论(0) 推荐(0) 编辑
摘要:引言之前使用jqueryUi中的弹出框做了一个可拖拽的弹出登录框,也顺便将里面的常用的日期插件和文本框智能提示插件,也学习了一下。使用方法首先在项目中引入以下文件: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 常用方... 阅读全文
posted @ 2014-04-22 20:07 wolfy 阅读(1109) 评论(0) 推荐(0) 编辑
摘要:引言查看项目代码的时候,发现项目中用到JqueryUi的弹出框,可拖拽,可设置模式对话框,就想着使用它弄一个登录页面。弹出框在Jquery Ui官网可定制下载弹出框,下载和弹出框下载相关的js文件,css文件。官方网站:http://jqueryui.com/项目结构:Login.html引入文件:... 阅读全文
posted @ 2014-04-08 20:39 wolfy 阅读(6014) 评论(8) 推荐(4) 编辑
摘要:引言放了三天假,在家闲着没事,做了一个个人记账的web应用程序,其中一块就是数据统计的功能,也就学习了一下Highcharts。HighchartsHighcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。首先引入js文件:1 2 3 js代码: 1 html代码:1 结果:总结这里只是简单的学习一下,具体应用还是等记账项目做出来之后再做详细总结吧。 阅读全文
posted @ 2014-04-07 17:08 wolfy 阅读(529) 评论(0) 推荐(1) 编辑
摘要:引言使用JQuery UI Layout Plug-in布局框架实现快速布局,用起来还是挺方便的,稍微研究了一下,就能上手,关于该布局框架的材料,网上也挺多的。在项目中也使用到了,不过那是前端的工作,咱不能抢别人的饭碗不是?,不过对布局多少了解点,还是非常有帮助的。实现JQuery UI Layout Plug-in布局框架官网:http://layout.jquery-dev.net/index.cfm这里使用1.2.0版本的,项目结构:首先引入:1 2 body中代码:1 2 Center3 4 North5 South6 East... 阅读全文
posted @ 2014-04-04 20:28 wolfy 阅读(17568) 评论(1) 推荐(4) 编辑
摘要:引用项目中需要一个信息提示的功能,就上网找了一个插件,发现colortip实现比较简单,就定了这个插件。实现过程官网:http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/最终要实现的效果:colortip是将标签中的title属性的值弹出显示的,默认情况是黄色的: 1 2 3 4 5 6 7 8 9 10 11 美女12 美女13 14 15 16 17 18 效果:通过查看这些设置,是在colortip-1.0-jquery.js文件中进行配置的... 阅读全文
posted @ 2014-03-05 20:45 wolfy 阅读(2025) 评论(1) 推荐(1) 编辑
摘要:引言UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...官网:http://ueditor.baidu.com/website/在线定制:http://ueditor.baidu.com/website/download.html#ubuilderAsp.Net和Ueditor在项目中的应用,除非你知道,你需要的富文本框需要哪些功能,你才有可以在线定制,然后下载,但是多数情况下,对需求还是不肯定的,这种情况下,就需要将所有的功能都下载下来,然后根据实际需求,修改配置文件,添加或者移除功能。 阅读全文
posted @ 2013-12-25 19:10 wolfy 阅读(12383) 评论(3) 推荐(5) 编辑
摘要:1 2 3 4 5 右下角div固定 6 13 14 15 随平滚懂div16 静止不动div17 18 19 20 21 22 本文来自:http://www.jzxue.com/wangyesheji/wangyetexiao/201011/09-4940.html方式二:纯css控制且半透明效果,但兼容性较差1 #div_digg{ position:fixed; _position:absolute;z-index:1000;bottom:0; right:0; _right:17px; background-c... 阅读全文
posted @ 2013-09-17 14:14 wolfy 阅读(858) 评论(0) 推荐(0) 编辑
摘要:简单的分页存储过程 1 CREATE PROC Paged 2 @pageIndex INT, 3 @pageCount INT OUTPUT, 4 @pageSize INT 5 AS 6 DECLARE @count INT 7 SELECT @count= COUNT(*) FROM dbo.Student 8 SET @pageCount=CEILING(@count*1.0/@pageSize) 9 SELECT 10 * 11 FROM 12 (SELECT ROW_NUMBER() OVER(ORDER BY dbo.Student.stuId) AS tempId,* FRO. 阅读全文
posted @ 2013-09-01 12:59 wolfy 阅读(854) 评论(0) 推荐(0) 编辑
摘要:1. #id "#"不能丢 -> 概述:根据给定的ID匹配一个元素 如果元素中包含特殊字符,可以用"\\"转义 -> 用两个斜杠,而不是一个 -> 模板:$('#xxx') 如果ID中有特殊字符(例如:id="foo[name]")-> $('foo\\[name\\]')2. element 元素... 阅读全文
posted @ 2013-08-15 12:52 wolfy 阅读(828) 评论(4) 推荐(0) 编辑
摘要:项目中常用正则表达式收集整理:匹配中文字符的正则表达式: [\u4e00-\u9fa5]匹配双字节字符(包括汉字在内):[^\x00-\xff] 可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)匹配空白行的正则表达式:\n\s*\r 可以用来删除空白行匹配HTML标记的正则表达... 阅读全文
posted @ 2013-08-12 16:13 wolfy 阅读(1146) 评论(1) 推荐(2) 编辑
摘要:window.showModalDialog相关:showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。使用方法:vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])vReturnValue = window.showModelessDialog(s 阅读全文
posted @ 2013-08-12 09:59 wolfy 阅读(519) 评论(0) 推荐(0) 编辑
摘要:登录页面的记住我功能不能用session的原因:sessionID是以cookie的形式存在浏览器端的内存中 如果用户把浏览器关闭 则sessionID就消失但是服务器端的session在过期时间内还是存在的 等到浏览器在 默认的过期时间内(20分钟)不在向服务器发送请求 则过了20分钟 session销毁!前端简单模拟: 1 2 3 4 5 6 7 8 9 16 17 18 19 20 21 22 用户名:23 ... 阅读全文
posted @ 2013-07-26 17:23 wolfy 阅读(963) 评论(1) 推荐(0) 编辑
摘要:什么是jQuery? 就是一个JavaScript函数库,开源的。jQuery能做什么JavaScript是做什么的,jQuery就是做什么的,Jquery是对javascript的封装。JQuery的特点 1、 写少做多——Write Less,Do More 2、 很好的解决了不同浏览器的兼容问... 阅读全文
posted @ 2013-07-22 16:42 wolfy 阅读(500) 评论(0) 推荐(0) 编辑
摘要:1 2 3 4 5 6 7 简单的开灯关灯效果 8 14 15 29 30 31 32 33 34 一个简单的模拟。 阅读全文
posted @ 2013-07-14 10:36 wolfy 阅读(943) 评论(7) 推荐(0) 编辑