- 博客(25)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 Backbone的事件模块
Backbone的事件模块标签（空格分隔）： backbone.js mvc event事件（events）模块是backbone的核心模块之一，model,view,collection等都是继承自events模块。下面让我们通过一张图来了解一下events模块。 这里的bind/unbind事件为了实现向后兼容。下面依次介绍一下各个方法on方法object.on(event, call
2015-09-21 16:24:51
644
原创 解决IE8不兼容问题
昨天写一个页面遇到一个情况就是页面兼容除了IE8以外所有常见的浏览器版本，改不好，纠结，今天在网上搜到解决办法：比如，如果页面兼容IE7，那么就在页面头部加上，申请一下IE兼容模式就可以了，这个方法很好用，不知道还有没有更好的解决方案，希望积累更多的解决问题的方法！
2013-08-30 09:28:53
831
原创 多物体，任意值运动框架
跟着视频学习些的运动框架，使用很简单，简单写一个使用的例子：鼠标移入将透明度从60变成100，前提是css布局里面对象已经有opacity属性值window.onload=function(){var aDiv=document.getElementsByTagName('div');var i=0;for(i=0;i{aDiv[i].onmouseover
2013-07-10 13:34:45
1011
原创 javascript实现模仿迅雷电影评分
效果图：代码：无标题文档*{ margin:0; padding:0;}#mark{ margin:200px auto;height:50px; width:300px;/* border:#CCC 1px solid;*/ position:relative;}#mark ul{ height:100%; width:100%;}
2013-06-17 16:24:39
1382
原创 javascript实现的可改变滚动方向的无缝滚动
效果图如下：代码：无标题文档*{ margin:0; padding:0;}#imgMove{ height:205px; width:624px; border:#000 1px solid; position:relative; margin:200px auto;overflow:hidden;}#imgMove ul{ height:205px;
2013-06-17 13:48:43
1060
原创 js实现的切换面板
最近小菜鸟看了妙味课堂的js视频，学习了一点知识，在这里总结一下，代码写的有点臃肿，刚开始学，不知道咋着优化，看到的高手可以指点一下，呵呵，再此谢过，效果大概是在这样的：鼠标划过不同的题目会有不同的图片和解说，可以连接到不同的网站，分享一下我的代码：无标题文档<!--*{ margin:0; padding:0;}#container{
2013-06-14 17:51:00
1716
原创 css3新属性text-shadow
看看这两行字有木有立体的效果：个性菜单鼠标经过之前鼠标经过时：每天学习一点点上代码无标题文档<!--body { background:#EFEFEF;}p.first { font-size:48px; color: #D1D1D1; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-
2013-06-10 21:38:09
955
原创 html5中的画布canvas---画出弧线、旋转的图形
在做旋转操作之前一定要理解一句话：旋转的是画布的坐标系而不是图形本身，好了，理解了这一句话后，接下来的就很简单了。首先认识一下画圆的坐标：var cxt=document.getElementById('demo').getContext("2d");cxt.beginPath();cxt.arc(100,100,50,Math.PI*0.75,Math.PI*1.75,
2013-06-08 21:36:26
2782
1
原创 html5中的画布canvas----画出简单的矩形、三角形
首先在html页面中放置一个canvas元素，其中canvas元素应该具备三个属性ID、width、height。取得canvas对象并取得上下文var cxt=document.getElementById('demo').getContext("2d");其中参数2d是确定的。开始绘制，有两种形式，一种是描边（fill），一种是填充（stroke）。javascript代码：
2013-06-08 21:10:29
3368
原创 CSS3新属性transition-property transform box-shadow
先看效果图：正常显示：鼠标经过时候的效果：CSS3新属性2013-05-21.test li:hover{border-color:#999;background-color:#bbb;color:#999;}.text{ margin:5px;float:left; background:
2013-06-06 15:33:00
1823
原创 CSS无图片实现小三角
效果图：方法一的效果图方法二的效果图方法三的效果图方法一：css代码：#top { position: absolute; width: 0px; height: 0px; line-height: 0px;/*为了防止ie下出现题型*/ border-bottom: 10px solid #89b007; border-left: 1
2013-06-06 15:24:32
1348
转载 Html5 表单验证和style css验证支持
Html5 表单验证和style css验证支持看看下面的这个示例：Login Username Password Register Username Password Email Homepage 验证很强大，如果不支持，我们可以使用jquery的验证模块，而且server端也会做验证，所以浏览器不支持对
2013-06-06 11:12:49
685
转载 扁平化设计五大原则
这段时间以来，扁平化设计一直是设计师之间的热门话题。每个人都有自己的独特认识，有的非常喜欢而有的人却恰恰相反。那什么是扁平呢？designmodo设计师Carrie Cousins在网站上介绍了扁平化的五大特点，以及“准”扁平化设计的优缺点。优快云编译如下。Cousins表示他虽然对扁平化设计的感觉非常强烈，但并没有特别热爱或者特别讨厌扁平化设计。他认为好的设计不应当局限于某种设计风
2013-06-06 10:58:09
1022
原创 ps制作立体阴影效果
先看效果图：步骤一：先建一个640*350的背景为白色的图层步骤二：在建立一个640*250背景色为#e2e2e2的图层，点击滤镜-->杂色-->添加杂色步骤三：再建一个555*180的图层填充为白色，并且添加描边颜色为#f2f2f2,再为其添加内阴影 步骤四：用矩形工具添加一个矩形，并且为其添加高斯模糊步骤五
2013-06-05 11:28:18
3744
原创 怎样使div中的文字在div的底部显示？
如果你的div的高度是100px;那么你应该把行高设置成170左右（大约是div高度的二倍，具体的可以调，决定行高的主要原因是字体的大小），如果仅仅是这样的话，那么在IE6下就会出现div高度加倍的现象，解决的方法是在div的css样式里面加上overflow:hidden;举个例子：html代码： fsdfsdfcss代码：.one{ he
2013-06-04 09:02:04
15525
原创 原生js实现半透明遮罩层
弹出提示* {margin: 0;padding: 0;font-size: 12px;}html, body {height: 100%;width: 100%;}#content {background: #FFFFFF;padding: 30px;height: 100%;}#content a {font-size: 30px;color: #369;
2013-06-04 08:59:11
1014
转载 创意字体设计欣赏和案例教程：火、烟、水、冰、霜特效
原文地址：http://www.uisdc.com/fire-smoke-water-text-effects1、文字落水2、云3、云4、燃烧发光字5、《幽浮》6、烙铁发光7、燃烧金属熔化效果8、冰9、发光液晶水滴飞溅10、闪耀
2013-06-04 08:45:40
2000
原创 当鼠标移动到图片上时，跟随鼠标显示放大的图片
原始状态：鼠标经过：无标题文档$(function(){ var offsetX=20-$("#imgtest").offset().left; var offsetY=20-$("#imgtest").offset().top; var size=1.2*$('#imgtest ul li img').width();$(
2013-05-31 09:46:40
2804
转载 20个2013年最值得关注的网页设计趋势
在过去的一年中，我们都看到了网页设计趋势在日益增长。或许有些朋友还记得我早些时候的一些文章关于网页设计，有兴趣的可以点击来查看，现在我们可以看到其中许多想法已经实现了，甚至有些采用了一些更高层次的新奇想法。在今天这篇文章中，我将与大家分享2013年里20多种网页设计的全新趋势走向。设计的影响仅仅是一个来自于我们的文化和用户界面感知的反馈。观念上这些趋势代表了在网页设计社区最受喜爱的点子。可
2013-05-29 19:46:43
818
转载 21个强大的Javascript框架
2013-03-22 16:25 250人阅读 评论(0) 收藏 举报目录(?)[+]我们很早之前介绍过7个常用的Javascript框架，本文则扩展范围，收录21个强大的javascript框架，看看有没有你没听说过的。1. Dojo (演示地址)Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、Doj
2013-05-29 19:45:30
731
转载 12 款优秀的 JavaScript MVC 框架评估
在最近的几个月中，作者（Gordon L.Hempton）一直在寻求哪种MVC框架最为完美，他将目前能获取到的所有框架都粗略地试了试，然后在文章中列出了每一种框架的情况概要，在文末分享了作者经过对比之后最终的推荐产品。 首先要特别说明一下，作者认为以下四个功能是十分重要的：UI Bindings（UI绑定）：作者想说的不仅仅是模板，而是想谈一种在底层模型出现变化时，视图层能够自动相
2013-05-29 19:44:32
679
1
转载 国内HTML5前端开发框架汇总
国外很有多优秀的HTML5前端开发框架相信大家都耳熟能详：JQuery Mobile，Twitter Bootstrap， Schena Touch, BackBone等等。同样，也存在很多国内比较优秀的前端开发框架，其中中国互联网三巨头贡献了近一半：腾讯，阿里巴巴，百度。框架不是万能的，选择和项目匹配的框架可以显著提高开发效率，但是也有可能带来代码的臃肿，本着“write le
2013-05-29 19:41:11
783
2
转载 Web开发者的福利 30段超实用CSS代码
上周，研发频道发表了一篇“ Web开发者不容错过的20段CSS代码”，大家一致觉得很实用。该文是笔者对后30个的翻译，希望对大家有帮助。1.花式连字符（&）这个类应该在span元素里使用，并且里面包括&字符。它使用经典的serif字体和斜体来增强&符号。.amp { font-family: Baskerville, 'Goudy Old Style', P
2013-05-29 19:35:58
1414
wampserver2.2e-php5.3.13-httpd2.2.22-mysql5.5.24-32b.rar
2013-05-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人