- 浏览: 136625 次
- 性别:
- 来自: 东京
最新评论
-
bingb511:
用这个方法加载的图片要模糊啊?
Javascript实现图片预加载【回调函数,多张图片】 -
kocokolo:
确实不错but it's so old
浏览器userAgent大全 -
drayge:
确实不错!
浏览器userAgent大全 -
tayuetingyin:
确实不错!
浏览器userAgent大全 -
fanxiaoyu19840503:
请教一个问题jQuery lightBox plugin文字描 ...
jQuery lightBox plugin 源码读后感【原创】
文章列表
转自个人博客 http://www.tarobjtu.com/blog/useragent/
iPhone
●iOSMozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3●iOS2Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_0 like Mac OS X; ja-jp) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3 ...
文章出自本人博客:http://www.tarobjtu.com/blog/slide-show-touch-move/
最近项目中多处用到slideshow(图片浏览)功能,但不同项目客户希望的实现方式不同,功能不一,如果在现有jQuery plugin插件上修改的话,一来会有未知bug,二来改他人代码比自己重写还费事,索性自己写一个。想添加什么功能由自己。 其中一个项目需要支持PC与智能机,这牵涉出两个问题,一是跟随屏幕尺寸变更问题,二是触摸屏滑动实现切换图片功能。
使用JS实现一组图片动画效果或者使用HTML5 Canvas渲染一系列图片等案例中,需要图片全部加载完成方可运行动画效果。此时程序中就会涉及多张图片预加载代码。当接二连三的案例中都涉及图片预加载时,就需要考虑把这个功能封装为一个通用方法。
(1)下面为JS实现图片预加载方法loadImages():
//实现一系列图片的预加载
//参数sources:图片信息关联数组
//参数callback:回调函数——图片预加载完成后立即执行此函数。
function loadImages(sources, callback){
var count = 0,
...
文章出自本人博客:http://www.tarobjtu.com/blog/apple-site-css3-analysis/
今天苹果在WWDC2012发布了全新Macbook Pro,迫不及待去官网围观,一睹笔记本芳容,结果哈喇子掉一地...【买不起,却各种浮想联翩,骚年的节操掉了一地...】 苹果不仅硬件设备做到了极致,官网也做的精炼之极。
见到不同寻常的地方就习惯性点击键盘F12,窥视代码构造...
本文详细介绍CSS3实现图片底边弧形阴影效果:
标题干枯无力,太残念了,一个从小语文不及格的理科生写技术文章实在压力山大,尽请体谅。这篇搓文介绍提高网站性能的再三个步骤,是上篇的姊妹篇。
背景知识:
浏览器加载网页的顺序与我们读书一样,自上而下逐行加载。
先加载<head>...</head>中的内容,其次<body>...</body>直接的内容。当浏览器加载到<script><link><img>等这些带有src属性链接的标签时,会向相应链接服务器发送请求读取内容,浏览器会限制并行请求数量。
本文从前端开发角度介绍提高网站性能的三个简单方法,操作简单,却可以迅速提高网站性能。
1、图片无损压缩
通常图片占据一个网页加载的大部分流量,从图片下手优化网站会得到意想不到的。
<1>首先,压缩成适合页面显示的适当尺寸。
例如现在有一个256 x 256px的苹果图片,而网页上只需要显示为150 x 150px大小,那就把图片压缩到150 x 150px,这样会压缩很多字节。
作为菜鸟的我,写技术博客的主要目的不是分享经验,况且我也没有经验,只有满腔的精液;写东西在于自我总结,理清思路,防止遗忘;这篇杂记更是2B无比,只想把平常想到的碎片记录下来。
snippet 1: javascript function参数的强大
javascript的function不仅可以传输基本数据类型,还可以传输数组,对象,更爽的是可以直接传送function。传送function就可以实现被传送的function在当前function中callback。
当然java这样面向对象的语言传送对象,function封装在对象中,也可以实现同样的效果 ...
jQuery lightBox plugin简介:
Lightbox应该是目前为止最流行的图片浏览插件。jQuery lightBox plugin是作者Leandro Vieira Pinho基于Lightbox2改编的jQuery插件。
功能列表:
自动根据窗口的大小缩放图片
模式窗口,幻灯片方式播放
图片内容预加载
渐变动画效果。
官网地址:
http://leandrovieira.com/projects/jquery/lightbox/
代码介绍:
1,巧妙利用jQuery选择器
使用jQuery lightBox plugin不需要 ...
网页设计中界面比较重要,如果CSS变形,哪用户体验的效果将会很不爽。像今天品界就遇到这样的事,PHP源码里会产生一个空格,导致网站变形。我把代码里的空格,一些没必要的代码删除了也还是不行。个人感觉也不应 ...
完善上一篇日志中demo的两个不足。
js只能修改html内部的css样式代码;
隐藏div的高度固定,如果隐藏区域文字变动时,布局变差。
1. js调用外部css样式表的style值
css样式表有三种写法:
内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。
内部样式(internal Style Sheet):是写在HTML的 里面的,内部样式只对所在的网页有效。
外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为 ...
学习javascript,实现两个功能:
显示隐藏div;
通过Tween算法实现div显示和隐藏的缓动效果。
参考链接:缓动效果参考文章:JavaScript html js Tween类型
html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w ...
HTML代码:
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type ...
CSS学习资料
文档教程:w3school是很好的css参考教程 http://www.w3school.com.cn/css/index.asp
视频教程:tutsplus的《30天学会HTML&CSS》非常不错,http://learncss.tutsplus.com/ (30 Days to Learn HTML & CSS)
在这两个基础上多做些demo基本可以上手。
HTML,CSS开发工具
dreamweaver有很多人使用,当然盗版用户很多,当然,如果企业不想违法又不想破费money来买dreamweaver,我们还有很强大的工具推荐。
...
一,Reset CSS
目的:减少各种浏览器下默认样式的差异。
方法:
使用Reset CSS清除浏览器默认样式,网上有很多写好的Reset CSS模板,选一个适合自己网页要求的,复制黏贴。
写一个适合自己的Base CSS
/* =====================RESET CSS ...
一,web standard design 遵循web标准进行网页设计,网页被分成三部分:
Structure XHTML HTML XML
Presentation CSS
Behavior ECMAScript
遵循web标准: 目的:分离内容(Structure)和表现(Presentation)。 优点:
文件下载颜面显示速度加快;
内容被更广泛的设备访问(屏幕阅读器,手机);
结构清晰,维护方便。当浏览器禁止css时,通过web标准设计可以使文本网页结构清晰;[*]4,使用css更换皮肤也变得方便;
更容易被搜索引擎搜到。
二 ...