我的日志-幸凡学习网

支持手机js的YUI库的几实例2014/1/10 12:03:33

最近在学习手机方面的互动，发现不支持普通的js对DOM的操作，只能通过一些库里面的方法来实现。以下是我通过YUI的学习以及实例，大家可以通过以下内容去多了解。Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证　　YUI 包含完整的说明文件。它包含了两种元件: 工具与控件，和一些 CSS 资源。　　YUI 3.2.0 预览版最值得关注的改进包括：　　　　支持触摸事件，包括点击和移动手势　　　　按需加载代码，只...未完，继续阅读→

js 手机 YUI

阅读(8109)条

ie7+背景透明，文字不透明超级简单的方法2014/1/9 17:16:43

如果你现在还在为背景透明文字不透明而发愁的话，建议你来看看。当然IE6我已经放弃了，所以不要说不用PNG8的图片这样在IE6下没有效果，当然你也可以用滤镜。本人不建议使用滤镜。因为这样可能会出现其它问题！（如无法点击等等问题）做前端最怕的就是BUG，特别是IE６。滚蛋IE6！本文的核心就是利用PNG32透明图片来做背景然后平铺背景就行了。这样就不会存在背景透明文字也透明了。这样做起来超级简单你们说呢！图片只需要调整透明度即可。在PSD中把图片设置为20%的透明度保存为png就行了。（切忌：不要设置模式为灰度。这样会变成png8了。而...未完，继续阅读→

css 背景透明

阅读(7418)条

编写更好的CSS让页面加速2014/1/8 20:00:32

编写好的CSS代码能提升页面的渲染速度，所以编写风格是很重要的。本质上，一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别，如下所示，性能依次降低。1、ID 规则2、Class 规则3、标签规则4、通用规则对效率普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始的，虽然Souders的书中罗列的非常详细，你可以在这里查看完整列表引用。你也可以在谷歌的高效的CSS选择器的最佳实践中查看更多的细节。本文我想分享一些我在编写高性能CSS中用到的简单的例子和指导方针。受MDN的编写高效的CSS指南的启...未完，继续阅读→

css 加速

阅读(7405)条

卸下你的“累”2014/1/8 11:25:23

人的一生中有太多的无奈和烦恼，有太多的伤感和惆怅,有多少往事不堪回首？有多少记忆如过眼烟云？也许，亲情、友情、恋情都将伴随心累的历程，也许，所谓的傲骨与傲气，都得付出心累的代价！许许多多的过往堆积在记忆的深处，一天一天，心里装的越来越多，心的负荷也就越来越重。有太多的分分秒秒、太多的点点滴滴，汇成心语，凝成回忆；也有太多的选择、太多的无奈，但这无数个太多的背后，你只能让心去承受，让心去感悟……　　生命本是一场漂泊的漫旅，走过的每一个地方，遇到的每一个人，也许都将成为驿站，成为过客。总是喜欢追忆...未完，继续阅读→

美文累

阅读(10503)条

介绍一个基于jQuery的Cookie操作插件2014/1/8 9:06:39

在网页客户端，我们经常会遇到读取或者设置cookie的情况，如果用纯生的js我们可能会遇到一些兼容性带来的麻烦，这里给大家介绍一个比较实用jquery操作cookie的插件，插件的源代码如下：jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); options.expires = -1; } var expires = ''; ...未完，继续阅读→

jq cookie 插件

阅读(7238)条

HTML5&jQuery指向时图片从灰度变成彩色2014/1/6 10:31:50

今天看到一个非常漂亮的图片展示效果，是用HTML5&jQuery做的，指向时图片从灰度变成彩色。（谨记图片不能跨域，否则报错）SecurityError: The operation is insecure.效果图如下:源代码如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <...未完，继续阅读→

特效 jq html5

阅读(9164)条

js获取select值(兼容火狐、IE浏览器)2014/1/4 16:14:05

本文介绍下，用js获取select中值的方法，可以兼容火狐firefox与IE浏览器，代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js获取select值(兼容火狐、IE浏览器)www.86y.org</title></head><bod...未完，继续阅读→

js select 兼容

阅读(8419)条

CSS3实现超炫的Loading动画效果2014/1/4 9:22:53

SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览） Loading 动画效果一 div { background-color: #67CF22; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite e...未完，继续阅读→

css3 动画

阅读(8010)条

细数IE6的一串串恼人的bug,附加解决方法2014/1/4 9:15:06

1. li在IE中底部3像素的BUG 解决方案：在<li>上加float:left；即可解决2. IE6中奇数宽高的BUG。解决方案：就是将外部相对定位的div宽度改成偶数。高度也是一样的。3. IE6文字溢出BUG 引发这种BUG有几个条件1.是注释引起的,删除所有注释即可.2.hidden的input直接放在form下.3.display为none的div也有可能引发此bug.4.可以通过外面再包一次DIV解决由注释造成文字溢出，属于IE6的BUG，溢出文字的字数=注释的条数*2-1，这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联...未完，继续阅读→

css ie bug

阅读(6652)条

flash的Swiffy转html5时报错了2014/1/3 20:07:06

今天在用flash的Swiffy 插件转html5的时候报了一个 "The Swiffy webservice could not be reached. Please check your internet connection." 的错误，原因也不知道是什么。后来在网上找到了一个方法.这个错误也是时好时坏。以下内容仅作参考。好吧，我解决了它！我不得不开放互联网资源管理器中（即使你不使用它通常情况下，只是那 swiffy 使用此连接到其 web 服务）和转到：工具 > internet 选项 > 连接 > 局域网设置然后在代理服务器上打开。然后它就正常了!我还发现Swiffy 在转化成html5时flash文件不...未完，继续阅读→

flash html5 Swiffy

阅读(15319)条

IE6/IE7中li底部4px的Bug2014/1/3 14:56:59

ie中的BUG实在太多，其中之一是底部4px的Bug，当li的子元素中有浮动（float）时，IE6/IE7中<li>元素的下面会产生4px空隙的bug。<ul class="list"> <li><div>vapour</div></li> <li><div>百度</div></li> <li><div>淘宝</div></li> <li><div>迅雷</div></li></ul>经过测试发现：li的子元素浮动是这个bug产生的必要条件，这个bug产生的充要条件是li的子元素浮动并且li设置了以下CSS...未完，继续阅读→

ie bug css

阅读(6234)条

常用的 SQL Server 存储过程实例2014/1/1 21:47:28

Transact-SQL中的存储过程，非常类似于Java语言中的方法，它可以重复调用。当存储过程执行一次后，可以将语句缓存中，这样下次执行的时候直接使用缓存中的语句。这样就可以提高存储过程的性能。Ø 存储过程的概念存储过程Procedure是一组为了完成特定功能的SQL语句集合，经编译后存储在数据库中，用户通过指定存储过程的名称并给出参数来执行。存储过程中可以包含逻辑控制语句和数据操纵语句，它可以接受参数、输出参数、返回单个或多个结果集以及返回值。由于存储过程在创建时即在数据库服务器上进行了编译并存储在数据库中，...未完，继续阅读→

sql 实例分页

阅读(6595)条

经典SQLServer数据库存储过程教程2014/1/1 21:40:07

可能有不少朋友使用SQL SERVER做开发也已经有段日子，但还没有或者很少在项目中使用存储过程，或许有些朋友认为根本没有必要使用存储过程等等。其实当你一个项目做完到了维护阶段时，就会发现存储过程给我们带来了好处了，修改方便，不能去改我们的应用程序，只需要改存储过程的内容，而且还可以使我们的程序速度得到提高。QUOTE:SQL SERVER 联机丛书中的定义：　　存储过程是保存起来的可以接受和返回用户提供的参数的 Transact-SQL 语句的集合。　　可以创建一个过程供永久使用，或在一个会话中临时使用（局部临时过程），或在所有会话...未完，继续阅读→

sql 存储过程教程

阅读(6921)条

十个励志故事，一场精彩的人生课！2013/12/27 15:54:32

一字洞悉天下，一语道破天机，一个简单故事足以给人意味深长的人生启示。千万种人生就有千万个故事，不同的经历就有不同的体验。这些哲理小故事，读来启人心智，发人深省，从不同侧面阐释了人生哲理，而且短小精练，情节简单，可读性强，请予欣赏。故事一：抉择　一个农民从洪水中救起了他的妻子，他的孩子却被淹死了。事后，人们议论纷纷。有的说他做得对，因为孩子可以再生一个，妻子却不能死而复活；有的说他做错了，因为妻子可以另娶一个，孩子却不能死而复活。我听了人们的议论，也感到疑惑难决：如果只能救活一人，究竟应该救妻子呢，还是救...未完，继续阅读→

励志人生

阅读(10681)条

用css模拟表格对角线2013/12/27 13:39:09

首先声明：这只是探讨一种CSS模拟表格对角线的用法，实际在工作中可能觉得这样做有点小题大作，这不是本主题讨论的重点。如果对此深以为然的朋友，请一笑过之。。。有时在插入文档时，要用到表格对角线，常见的作法是用图片的方式来处理，还有就是用vml来画对角线，能不能用html+css方式来实现呢？答案是肯定的，下面我们来摸拟一个表格对角线。原理：用边框线来摸拟斜线，我们知道，如果将一个DIV的边框线设置得足够宽并定义了不同的颜色时，其相邻的两条边框线交界处就是斜线。知道了这个原理，我们就可以用border-left和border-top来模拟...未完，继续阅读→

css table 对角线

阅读(6817)条

a链接href中javascript在IE6下导致js跳转失败2013/12/27 13:28:04

经常有如下JS跳转写法： <a href="javascript:void(0);" onclick="javascript:location.replace('http://www.baidu.com/');">test js location.replace()</a><a href="javascript:void(0);" onclick="javascript:location.href='http://www.baidu.com/';">test js location.replace()</a> 经测试，在IE6下上述两种JS跳转执行无响应，其它浏览器下均正常。仔细分析，猜测IE6下a链接的跳转会收到href属性中代码的影...未完，继续阅读→

js href 跳转

阅读(7242)条

jQuery代码实现表格内容可编辑修改2013/12/26 9:17:35

1、效果及功能说明表格特效制作jquery表格可编辑任意修改里面的数值，是一种比较人性化的用户设计体验方式!暂时没有限止输入的内容。效果比较好，与AJAX相结可合实现实时修改内容的目的。2、实现原理通过点击事件来触发跳出一个输入框可以在里面输入当这个输入框失去焦点后就把，所有值放到当前的input里面。主要的方法:if(!$(this).is('.input')) //当点击了input后 $(this).find("div").eq(0).addClass('input').html('<input type="text" value="'+ $(this).te...未完，继续阅读→

jq 表格数据

阅读(9026)条

JS判断浏览器是否支持HTML52013/12/25 22:13:01

方法一,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>html5判断1</title></head><body><script> function checkhHtml5() {if (typeof(Worker) !== "undefined") {alert(&qu...未完，继续阅读→

js html5 支持

阅读(10392)条

html5平面射击小游戏2013/12/25 10:46:28

　　WF模块：自定义的WF 4.0流程设计器（因为xp不支持.net 4.5 所以只能放弃新特性降级了）完全脱离VS，就说说VS自带的设计器没有的功能吧，封装了大量的便于框架使用的活动和机制，可拖拽收藏任意节点（可以是包含很复杂内容的根节点哦）并持久化保存以便以后复用，可嵌套动态加载另外一个流程文件，详细到记录每执行一个活动的变量值的日志记录。　　　　WPF模块：该框架主要特点就是把CS向BS靠拢吧，自制了一个 MVVM框架，所有xaml文件都是在需要显示时才动态加载的，封装了大量的触发器和行为，内置一大堆页面跳转动画，也就是说只用ble...未完，继续阅读→

html5 游戏

阅读(7161)条

26个免费高质量圣诞节图标集2013/12/25 10:01:31

今天就是圣诞节了。希望你们圣诞节日快乐。你是否仍在圣诞装饰品、卡片、请柬和更多？在这篇文章中你会发现每个人。圣诞节图标是为那些正在寻找图形资源的人。在这今天的帖子中，我们展示了 26 免费高质量圣诞节图标集。01. Christmas Icon Set02. Christmas Magic Icon Set03. Christmas Surprise04. Christmas tree free social media icons05. Xmas Reef Set06. Flat Xmas Color Icons07. Christmas Flat Color Icons08. Xmas Stickers Icons09. Free Christmas Icons10. HoneyJar Christmas Edition11. Free Holiday12....未完，继续阅读→

图标圣诞节

阅读(11001)条

当前第 11 页 / 共 41 页总共808条记录

8 9 101112 13 14

网页前端设计

搜索文章

文章热门排行随机文章推荐文章

网页前端设计

搜索文章

文章热门排行随机文章推荐文章

热门标签