技术狂

摘要： 最近在做一个项目，要在鼠标移到层上后显示出tip提示，网上找了半天，都很麻烦，就自己修改了一个，记录在下面测试在IE 7、8、9及 chrome 上没问题。 Tooltip 普通文字上的效果 图片上的效果 层上的效果 阅读全文

摘要： 用jQuery来判断浏览器的类型,主要是使用$.browser这个工具类,使用方法:$.browser.['浏览器关键字']//谷歌浏览器、360浏览器等其他一些浏览器，没有专门的判断 function appInfo() { var bro = $.browser; var binfo = ""; if (bro.msie) { binfo = "Microsoft Internet Explorer " + bro.version; // bro.version 获得的是浏览器版本 } e... 阅读全文

摘要： 网上有某互联网公司总结的22条经验如下：代码分为外部质量和内部质量，好的产品不等于好的代码（Good Software != Quality Code）。产品的冰山效应：产品经理以及用户关注的部分只是冰山露在水面以上的部分，隐藏在下面的是看不见的更加庞大的部分，那就是我们庞大的代码。拒绝 PPT 架构师，架构师应当写代码，哪怕这些代码并不 Check-in 到最终的代码库中。一个好的设计不是在凭空产生的，而是经过不断打磨、修改进而获得的。不存在一次设计，程序猿无脑堆砌代码能够完成的好的程序。编程的价值观：沟通、简单、灵活。代码最重要的功能是传递程序员的设计和思路，其次才是实现的功能。好的程序员 阅读全文

摘要： 网络的普及不仅为我们带来了新闻资讯和娱乐，也渐渐地成为我们接受教育、学习新知的场地。目前，在线学习逐渐成为一种潮流和时尚。相比传统教育，它在下面几个方面具备明显的优势： 费用低：学校费用很贵，但部分在线教育是免费的，或者花费很少就可以获得学习的机会； 可选择性：我们可以根据自己的发展方向和爱好，来选择适合自己的在线教育类型； 可自主性：尤其对于平常工作很忙的上班族来说，在线教育可以按照自己的时间和精力来安排学习计划，每天可以抽出1~2个小时来学习； 实践性强：多数在线教育目标性很强，具备很强的可操作性，可以让我们学习到更加实用的技术。 这里，我们为大家整理了20个在线学习开发的站点，希望对大家 阅读全文

摘要： 广外美女余博雅经典简历发出以后被疯狂转发而走红网络，几天后顺利找到工作。微博里不断出现各式各样的微简历：地址一、地址二、地址三、地址四、地址五、地址六。。。。。。 而如今简历的形式更是十分的精彩，这里列举除了微简历外一些碉堡了的简历： （1）网站简历 宋达琪-前端攻城师：地址 HTML5动画简历：地址 （2）仿公司产品的简历仿亚马逊的简历：地址 仿淘宝的简历：地址 （3）视频简历 李欣健的推广视频：地址（4）其他 其他的形式还有3D简历，手机应用简历等等。国外网站businessinsider列出目前在全球网络疯狂传播的11份求职简历，其中有的设计独特夺人眼球，有的用苦良心... 阅读全文

摘要： CSS在网页设计中扮演着举足轻重的角色，尤其是CSS3和HTML5的出现，让我们更加相信CSS能给我们带来无限的遐想和强有力的视觉冲击。今天我要给大家推荐几个最新CSS佳作，虽然本人没有设计头脑，但还是懂的怎么去欣赏的，下面就一起来欣赏这几个设计吧，希望大家能够喜欢，更重要的是能在遐想中找到设计的灵感。 1) eFrog Themes 2) Forward Slash Designs 3) Doopsuiker Poppies 4) Court Right Design 5) Made by Chip Munk 6) Kiki and Bree 7) Clear Web Solutions 8 阅读全文

摘要： 今天要向大家分享9款非常给力的jQuery/CSS3经典插件，插件包括CSS3图片特效、jQuery动画菜单、jQuery时尚登录表单等，一起来看看这些jQuery插件。1、CSS3图片重力感应特效这是一款应用重力感应的CSS3图片特效，点击"START"即可开始模拟重力感应，同时甩动图片还可以看到更酷的图片效果。在线演示 / 源码下载2、jQuery圆盘抽奖特效这又是一款jQuery圆盘抽奖插件，点击中间"点击抽奖"按钮即可开始抽奖，这款抽奖插件可以在抽奖结束后显示抽奖结果。 在线演示 / 源码下载3、很可爱的CSS3动画下拉菜单这款CSS3下拉菜单样 阅读全文

摘要： 本文为大家收集了10个非常酷的 jQuery 工具提示（Tooltip）插件，希望大家能喜欢。1. Pop！ 使用 Pop!可以创建简单的下拉菜单！这是一个并不引人注目的 jQuery 插件。2. BetterTip 允许你创建定制的 Tool tips 的 jQuery 插件。3. EZPZ Tooltip 非常简单的使用边框的 tooltip，同样也可以跟随鼠标。4. BsTip 各种简单的 tooltips，使用淡入和淡出效果，并且也有边框环绕。 5. clu... 阅读全文

摘要： 广外美女余博雅经典简历发出以后被疯狂转发而走红网络，几天后顺利找到工作。微博里不断出现各式各样的微简历：地址一、地址二、地址三、地址四、地址五、地址六。。。。。。 而如今简历的形式更是十分的精彩，这里列举除了微简历外一些碉堡了的简历： （1）网站简历 宋达琪-前端攻城师：地址 HTML5动画简历：地址 （2）仿公司产品的简历仿亚马逊的简历：地址 仿淘宝的简历：地址 （3）视频简历 李欣健的推广视频：地址（4）其他 其他的形式还有3D简历，手机应用简历等等。国外网站businessinsider列出目前在全球网络疯狂传播的11份求职简历，其中有的设计独特夺人眼球，有的用苦良心成就... 阅读全文

摘要： 当我们要显示后台传过来若干个尺寸不一的图片时，为了保证图片大小的一致性及比例的协调，需要动态改变图片显示尺寸。通过搜索，我们可以从网上找到实现此 功能的jQuery代码如下。这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。$(document).ready(function() { $('.post img').each(function() { var maxWidth = 100; // 图片最大宽度 var maxHeight = 100; // 图片最大高度 var ratio = 0; // 缩... 阅读全文

摘要： 今天要给大家介绍一个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 阅读全文