2005年12月22日

写了个SlideShow的原型,利用image的complete,判断图片是否调用完全,调用完全以后才显示,否则是LOADING的图片,还考虑的是
1.每调用一张图片之前先出现loading的过程,
2.调用图片中不会因为网速和图片过大而未显示全,直接跳到下一张,要按顺序一张一张播放.
3.第一次 播放的时候,因为调用图片会慢一点,重新播放是调用CACHE里的,速度就快了

代码如下:

在线运行演示


2005年12月13日

想学习DIV+CSS的,自己去下载回来看好了
http://www.ssi-developer.net/main/templates/



Two
Column Flexible

Browsers:

Mozilla Icon
Firebird Icon
Netscape Icon
Opera Icon
IE6 Icon(5+)
Description:

Probably the easiest page to make. Contains two
layout divs, the main content div is just floated to the left.
Very simple!
Actions:

View | Image
Preview
| Download [ 5k]
[ZIP]





Two
Column Flexible With Header

Browsers:

Mozilla Icon
Firebird Icon
Netscape Icon
Opera Icon
IE6 Icon(5+)
Description:
Basically the same template as above but with the
addition of a header div for page title, your logo or banners
etc. Again very simple to set up.
Actions:
View | Image
Preview
| Download [ 3k]
[ZIP]






Two
Column, Left Column Static

Browsers:

Mozilla Icon
Firebird Icon
Netscape Icon
Opera Icon
IE6 Icon(5+)
Description:
Two columns, the left
column is absolutely positioned on the left and is a fixed width. The right
content column is sized and positioned by using margins and will
resize with the browser window.
Actions:
View | Image
Preview
| Download [ 6k]
[ZIP]






Two
Column, Left Column Static, with Header Bar

Browsers:

Mozilla Icon
Firebird Icon
Netscape Icon
Opera Icon
IE6 Icon(5+)
Description:
This is the same template as above but with the
addition of a simple header bar which can be used for links,
search box etc..
Actions:
View | Image
Preview
| Download [ 6k]
[ZIP]






Two
Column Fixed Width with Header & Footer Recommended !

Browsers:

Mozilla Icon
Firebird Icon
Netscape Icon
Opera Icon
IE6 Icon(5+)
Description:
A fixed width centered page with a header,
footer, left navigation column and right content column. One of
my favourites.
Actions:
View | Image
Preview
| Download [ 6k]
[ZIP]


Three
Column, Left & Right Columns Static

Browsers:

Mozilla Icon
Firebird Icon
Netscape Icon
Opera Icon
IE6 Icon(5+)
Description:
This is much the same as ‘Two Col Left Col
Static’ but now with the addition of a right hand column which is absolutely
positioned.
Actions:
View | Image
Preview
| Download [ 6k]
[ZIP]






Three
Column ‘Pixel-Perfect’

Browsers:

Mozilla Icon
Firebird Icon
Netscape Icon
Opera Icon
IE6 Icon(6)
Description:
Sometimes this is called the "Holy Grail".
It’s a three column template which fits together "pixel perfect".
Actions:
View | Image Preview | Download [ 6k]
[ZIP]






Three
Column ‘Pixel-Perfect’ with Header

Browsers:

Mozilla Icon
Firebird Icon
Netscape Icon
Opera Icon
IE6 Icon(6)
Description:
The same as the "Holy Grail" above but with
a header div. Also expands to fit the whole screen.
Actions:
View | Image Preview | Download [ 3k]
[ZIP]






Three
Column Pixel-Perfect with Header & Footer Recommended !

Browsers:

Mozilla Icon
Firebird Icon
Netscape Icon
Opera Icon
IE6 Icon(5+)
Description:
My most complete template. It has three columns, a header and footer
and will resize with the browser window.
Actions:
View | Image Preview | Download [ 6k]
[ZIP]




2005年12月02日

刚看了NETBEE的firefox 1.5不适合你,IE是大部分用户最好的选择和008的为了我个人的安全,大家要少用FireFox!
以前我用NETSCAPE ,后来用IE,现在我主要用FF,现在有了IETAB的插件,我都不点桌面的蓝色E了,IETAB是在firefox打开IE浏览器的FF插件. 需要IE的时候在FF里面直接切换就是了
firefox我倒是认为是给开发人员和喜欢研究新东西人用的,各种各样的插件,方便极了,比如我用的WEB DEVELPER,   IETAB等.
不是不喜欢IE,从心里我还是喜欢IE,不用IE还是出于安全考虑,虽然也算是做IT的,还是经常不经意也会中招,怕了,用FF到目前还没发现.如果IE7能有很大改进的话,我还是会用回IE,起码目前FF在易用性上还不如IE,IE也用了好多年了.习惯了.
至于页面显示问题,问题不在浏览器,而在页面的设计者,做的好的网站,在任何浏览器上显示都是正常的.为什么有的网站在那看都漂亮,比如www.opera.com
还有一个问题就是计算机上装多少个软件够用??又有多少软件的一些功能是重复的?
我把ACDSEE卸载了,用WINDOW XP自己带的看图软件
WINAMP也卸载了,用WMP,
我用utraledit盗版做代码编写和页面设计,如果WINDOW自带的记事本,或者WORD那天有了ULTRAEDIT的我用到的那些功能,我会把ULTRAEDit也卸载
我希望我的电脑里的软件越来越少,够用就好.

用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形.


有没有办法可以解决呢?

用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.
要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.
在使用DIV做页面布局的时候,可以在大布局上定义,比如在左栏,右栏,中栏里面,也可以针对页面中具体的某个布局元素.

在用ul和li做图片列表排列的时候,也可以用这个,这样避免一些大尺寸图搞乱布局,也可以解决浏览器窗口缩小时,li元素自动回行排列出错的问题.

BTW:用overflow:auto,还可以在页面里模仿出IFRAME的效果,回头写出来

在线运行演示