11 2013 档案
摘要：今天要给大家介绍一个asp.net结合jQuery来切割图片的小程序，原理很简单，大致流程是： 加载原图 --> 用矩形框在原图上选取区域并将选取的顶点坐标和矩形尺寸发送至服务器 --> 由服务器切割原图并输出切割后的图片。下面我们就分别对这几个步骤详细展开讨论分析，并在最后附上小demo供大家参考。 1、在页面上加载原图 这个就不用多说了，就是在页面上显示一张图片，一个img标签搞定不过为了下一步演示，还是贴一下代码 2、用矩形框在原图上选取区域 这个我们要用到一个jQuery插件Jcrop，感谢Jcrop，其项目页面地址：http://deepliquid.com/conten
阅读全文
摘要：作为一个半前端工程师，而且只会写点HTML5和CSS3的“假”前端工程师，为了能更好地理解一下前端的花花世界，最近拜读了《高性能网站建设指南》一书，对作者提出的前端性能优化的14个规则获益匪浅，为了让自己印象更深刻点，决定作此文，当做学习笔记也好，知识总结也罢，总归看过的东西要让自己很好地掌握很好地运用起来才是王道。在解读这些规则的同时，我会用我一年半多的移动网站开发经历提出一些针对移动网站的优化建议。规则01：尽量减少HTTP请求前端优化的黄金准则指导着前端页面的优化策略：只有10%-20%的最终用户响应时间花在接受请求的HTML文档上，剩下的80%-90%时间花在为HTML文档所引用的所有
阅读全文
摘要：一、prettyPhoto简介prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件，它不仅支持图片，还同时支持视频、flash、YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单，扩展性也不错，你可以最大限度地自定义prettyPhoto。目前，prettyPhoto兼容大部分主流的浏览器，包括令人纠结的IE6。prettyPhoto插件的项目地址：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/建议英文好的朋友直接
阅读全文
摘要：继承在一定程度上让程序在编写的过程中更加方便，但是有时候也会给我们的程序带来一定的困扰，所以认真的学习继承的原理，以及处理的方法很重要。下面是Css中处理继承的一个方法。在一段CSS代码中见到一个大于号(>)，代码如下：BODY#css-zen-garden > DIV#extraDiv2 { BACKGROUND-IMAGE:url(../images/bg_face.jpg); Z-INDEX: 2; POSITION: fixed; WIDTH: 205px; BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; BACKGRO...
阅读全文
摘要：本文介绍了使用jQuery、PHP和MySQL实现类似360安全卫士防火墙开启关闭的开关，可以将此功能应用在产品功能的开启和关闭功能上。准备工作为了更好的演示本例，我们需要一个数据表，记录需要的功能说明及开启状态，表结构如下：CREATE TABLE `pro` ( `id` int(11) NOT NULL auto_increment, `title` varchar(50) NOT NULL, `description` varchar(200) NOT NULL, `status` tinyint(1) NOT NULL default '0', PRIMARY KEY
阅读全文
摘要：当我们洋洋得意的使用jquery强大的选择器功能时有没有在意过jquery的选择性能问题呢，其实要想高效的使用jquery选择器，了解其实现流程是很有必要的，那么这篇文章我就简单的讲讲其实现流程，相信会为读者的jquery优化开发提供一些小的建议。我们知道jquery的$()函数可以传很多种参数（document、string、fn、array、number），那么jquery的init方法就会根据你传参的类型的不同进入不同的流程。其他的我们今天就不多说了，我们重点讲一下对string类型的处理，因为只有它才会触发jquery的选择器功能。1、首先是使用正则表达式检查是不是创建dom的操作，例
阅读全文
摘要：这次主要是来分享几个个人觉得十分震憾的图片特效，有jQuery的，有CSS3的，有很萌的乌鸦动画，也有简单朴实的图片播放动画，当然有些你可能已经看到过了，不过也没关系，你能路过就算是对我的支持了。jQuery Rounded Corners各种圆角，太犀利了。有了这个，你还在为你的圆角实现准备N张图片来拼凑么？青松雪舞-必应的美丽世界貌似bing的首页一直都挺有创意的，这就是某一次首页的一张瀑布动画的图片，美丽的雪松，豪迈的瀑布，给力。需要HTML5支持，最好用chrome，所以就麻烦你切换成支持HTML5的浏览器看了。==！加载会有点慢，要等等。Google首页纪念美国粘土动画大师阿特
阅读全文
摘要：今天来一起看看几个个人觉得比较好的导航。有好几个导航是仿的，比如仿苹果、仿猪八戒等等，但仿得还都不错。也有不少是基于jQuery的。特别是像我这样的懒人，就可以在这些基础上修修改改作为自己网站项目的导航。不过话说回来，学习欣赏为主，呵呵。好吧一起来看看这些导航吧。Kwicks for jQuery这个导航非常有个性，鼠标滑过，导航渐渐展开，效果不错，可以看看。在线示例仿支付宝的产品推广精美导航【源码下载】这是一个仿支付宝的产品推广导航，我想说这几个图标不错，还能分屏展示。仿猪八戒2010首页的导航【源码下载】猪八戒网是国内最大的威客平台网站，下面是它2010年时的导航，当然现在已经改版了，不过
阅读全文
摘要：jQuery Media Plugin是一款基于jQuery的网页媒体播放器插件，它支持大部分的网络多媒体播放器和多媒体格式，比如：Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF。它根据当前的脚本配置，自动将a标签替换成div，并生成object, embed甚至是iframe代码，至于生成object还是embed，jQuery Media会根据当前平台自动判别，因此兼容性方面非常出色。下面这段代码是jQuery Media生成后的结果： 具体使用方法html标记代码My Quicktime
阅读全文
摘要：根据国外科技网站 W3Techs 一项调查了近100万个网站数据显示，jQuery是目前最流行的 JavaScript 库。对于初学者来说，有的时候很难找到一个好的学习jQuery的网站，所以本文收集了8个很棒的 jQuery 学习网站推荐给大家。1.Learning jQuery 最好的 jQuery 资源博客之一，从 jQuery 高手那里获得宝贵的经验。2.jQuery Mix 一个内容非常丰富的网站，有关 jQuery 的各种各样的信息。windjumping推荐3.jQuery for Designers 非常棒的一个 jQuery 资源和教程网站，帮助你成长为 jQuery 高手。
阅读全文
摘要：今天给大家介绍一个jquery图片播放插件，也可以说是一款幻灯片放映插件，它叫Cloud Carousel，支持自动播放、图片预览、鼠标滚轮滚动，非常酷，下图是效果预览。该jquery图片播放项目演示地址：http://www.professorcloud.com/mainsite/carousel.htm该jquery图片播放插件下载地址：http://www.professorcloud.com/downloads/cloud-carousel.1.0.5.zip该jquery图片播放插件使用说明：http://www.professorcloud.com/mainsite/carouse
阅读全文
摘要：在网页客户端，我们经常会遇到读取或者设置cookie的情况，如果用纯生的js我们可能会遇到一些兼容性带来的麻烦，这里给大家介绍一个比较实用jquery操作cookie的插件，插件的源代码如下：1234567891011121314151617181920212223242526272829303132333435363738jQuery.cookie = function(name, value, options) {if (typeof value != 'undefined') {options = options || {};if (value === null) {va
阅读全文
摘要：由于项目需要，要往数据库中导入一些历史数据，而这些历史数据都是线下人工记录的，所以有很多不规范的地方，比如：同一个公司的名称在不同的记录中可能相差那么几个字，而且每条数据不是每个字段都是完整的，等等诸如此类的不规范问题。如何规范化，并且将这些若干excel表格的数据切分并且导入到数据库中的若干表中，并且这些表之间有着一对一或者一对多等关系，识别这些关系仅仅靠SQL是不行的，存储过程我也不了解，不知道能否满足需求。但是用c#加ADO.NET操作SQLServer还是很方便的，所以就决定使用C#。下面列出一些比较常用的而且很方便的函数，还有一些常用的用c#操作数据库写法。对于Excel表格，我直接
阅读全文
摘要：在 javascript 代码中，因为各浏览器之间的行为的差异，我们经常会在函数中包含了大量的 if 语句，以检查浏览器特性，解决不同浏览器的兼容问题。 例如，我们最常见的为 dom 节点添加事件的函数：function addEvent (type, element, fun) { if (element.addEventListener) { element.addEventListener(type, fun, false); } else if(element.attachEvent){ element.attachEvent('on' +...
阅读全文
摘要：当我们用javascript写ajax程序写得很“开心”的时候，突然有人告诉你有一种东西叫jquery，它会告诉你不直接和HttpRequest是多么的快乐，同时你再也不需要再烦恼纠结的ajax乱码问题，更幸福的是你的js代码将大大地简化，看完本文，你会发现，ajax，简单的来讲就是一句话的事情。本文重点是来讲讲jQuery中调用ajax的4种方法：$.get、$.post、$getJSON、$ajax。如果读者没有javascript和jquery的知识，或者没有ajax的概念，那么请先去问问google老大，再来读本文。1、$.get$.get()方法使用GET方式来进行异步请求，它的语法
阅读全文
摘要：这周不小心看到了百度百科的页面导航效果，感觉挺不错的，周末抽空写了下。 下图为导航部分的效果图： css和图片都是抄百度的，可从附件下载。具体的代码如下： 1 part1 content1,content1 2 part2 content2,content2 2-1 part2-1 content2-1,content2-1 2-2 part2-2 content2-2,content2-2 3 part3 content,content 4 part4 content,content 5 part5 c...
阅读全文
摘要：利用jquery给指定的table添加一行、删除一行123112233 123jQuery动态添加删除表格的行和列 jquery操作表格测试 序号 内容操作 jquery操作表格(添加/删除行、添加/删除列) jquery操作表格测试 序号 内容 操作 我的百分之一女装店官方网站|白菜园社区|4000-921001|就爱百分一选项1:删除选项2:删除选项3:删除选项4:删除选项5:删除添加更多选项
阅读全文
摘要：场景：Iframe嵌入flash,希望flash能随着页面的resize而resize。 主要代码： 代码 NewDocument . . . . New Document 分析： 首先导入JQuery框架，并设置iframe的scrolling="auto",这样的话可以自动的出现滚动条。 然后添加window的resize事件 代码$(document).ready(function(){ $(window).resize(resiz...
阅读全文
摘要：近一段时间Extjs真的是风光无限好，只要是个做CRM/HRM之类的企业现在都在琢磨怎么在项目中用它，不过兄弟我可是不敢，原因很简单：太大/太笨/源码不好调试。但是对于Extjs漂亮的表格与功能的强大，实在是让我垂涎三尺，记得以前有个老外同志写过一个类似的Extjs的Jquery插件，所以就在Jquery的插件海洋中一顿海找，呵呵，还真让我找到了。看来还是我的Jquery好，小巧简单好像一部好的汽车引擎，我想要什么就可以自已DIY，真是方便。总体方案在网络传输上不超过80KB，速度比500KB大小的Extjs不知道要小上多少哪。。。下载地址：http://code.google.com/p/.
阅读全文
摘要：介绍本实例介绍使用DayPilot Lite for ASP.NET MVC library类来实现类google日历效果。在线实例 天视图 星期视图 拖放调整 拖放移动 我们将使用80行代码来实现ajax 添加备忘，拖放首先准备：类库:在你的项目中引入DayPilot.Web.Mvc.dll 视图:使用 Html.DayPilotCalendar扩展建立一个DayPilotCalendar 控制器: 建立一个 MVC 控制器1. DayPilot.Web.Mvc 类库下载DayPilot Lite for ASP.NET MVC 包在Scripts文件夹中复制 DayPilot JavaSc
阅读全文
摘要：80行代码实现Google日历Introduction 本实例介绍使用DayPilot Lite for ASP.NET MVC library类来实现类google日历效果。在线实例 天视图 星期视图 拖放调整 拖放移动 我们将使用80行代码来实现ajax 添加备忘，拖放首先准备：类库:在你的项目中引入DayPilot.Web.Mvc.dll 视图:使用 Html.DayPilotCalendar扩展建立一个DayPilotCalendar 控制器: 建立一个 MVC 控制器1. DayPilot.Web.Mvc 类库下载DayPilot Lite for ASP.NET MVC 包在Scr
阅读全文
摘要：本文将使用一个简单的方法使页面回发后还在同一个控件上保持焦点。一般来说，当页面回发后，原来的焦点控件将失去焦点。有很多文章讨论过这个话题，但是一般都是使用JQuery来解决的。我来教大家一个简单的方法：使用Session。首先在页面上放三个文本框 ，并且都生成Ontextchanged事件。然后，在事件中，将焦点存入Session:protected void TextBox1_TextChanged(object sender, EventArgs e) { Session["event_controle"] = ((TextBox)sender); ...
阅读全文
