Posts Tagged ‘HTML’

教你用mootools1.2写个简单提示特效!

虽然mootools有自带的tips特效,但是样式固定,而且我发现mootools那个Tips有时候会报错的,假如你在ie中进我博客时,马上把鼠标移动到那个‘Chromatography Ads’下面的那些小色块上面,很有可能会马上弹出个对话框说’http://xiebiji.com。’打不开的提示,留意一下那个地址最后多了一个句号,那当然打不开啦。我被这个问题郁闷了很久,最后还是没有解决。

所以今天特意把之前写过的tips特效从网页中提取出来: 先看看效果:http://xiebiji.com/works/tips/

html代码如下:

xiebiji.com A Link

css代码如下:

body{ background:#000; } a{ font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; } ul{ margin:0; padding:0; } li{ float:left; margin:5px 10px 0 0; backgrou...
......[ More Detail ]

mootools 1.2版本的中文手册html版,直接放在服务器上啦

mootools 1.2 中文html手册在线版地址:

http://xiebiji.com/works/mt1.2cn/Docs/index.html

值得提示的是:

本中文参考文档由Zarknight译制完成

获取最新版本:http://code.google.com/p/mootools-doc-cn/

感谢作者无私奉献。

mootools 1.2相对于1.6版有很多区别,js框架更新版本的时候有貌似跟php框架大有不同,js框架要充分考虑到文件大小的问题。所以一个新版本跟旧版本往往有很多区别。例如1.2的mootools没有了Ajax类,该类被Request类直接替换了。

......[ More Detail ]

【mootools中文实例诠释】Accordion类(折叠菜单)的使用

mootools里面有个能够实现类似QQ面板功能的功能类,效果?如下:

.element {

}

.element p { margin: 0; padding: 4px; }

.float-right { padding:10px 20px; float:right; }

blockquote { text-style:italic; padding:5px 0 5px 30px; }

--> 我的折叠菜单 网站简介 写笔记的小Joe,是一个记录网络笔记,趣事,心得的个人独立博客,有专有的主题风格。其中大部分内容有:mootools,js,php,falsh等电脑语言笔记,当然还有电影,音乐等娱乐资讯,有一定的访问群体。写笔记的小Joe,是一个记录网络笔记,趣事,心得的个人独立博客,有专有的主题风格。其中大部分内容有:mootools,js,php,falsh等电脑语言笔记,当然还有电影,音乐等娱乐资讯,有一定的访问群体。写笔记的小Joe,是一个记录网络笔记...

......[ More Detail ]

if IE html里面的条件控制语句

天马行空!!先把这个记下先! 在CSS布局中,还常常用到IE Hack。if IE起着非常大的作用! if IE什么意思呢?下面就列举了一些在CSS常见的HACK控制语句。 作为IE的IF条件注释使用备忘,有些时候试用if IE而不是在css中使用hack,就能通过w3c验证。

......[ More Detail ]

兼容FF和IE的html传递参数给swf的方法

最近做网页需要用到一个由html向swf传递参数的flash,网上找来一个。但是却发现IE上面可以用,FF上面却不可以!!我郁闷

后来发现原来是传递参数的方法不兼容,原作者本来就没想过要兼容FF!所以他使用了test.swf?info=”XX”的方法,此方法无法兼容FF。^_^!不过强大的我(很低调),马上请教百度老大找到了解决方法:

兼容FF和IE的向swf传递参数的方法(其中当这段代码用js的document.write写进来时,可以把XX换成需要的变量):

然后在AS中:

System.useCodepage = true;//定义码制,使得显示中文不乱码 var infoInAs=info;//这里直接调用传进来的参数

这样swf就可以跟html(js)交互啦!是不是很方便很简单^_^! 原创文章,转载请注明出处:http://xiebiji.com/2008/11/swf 作者:...

......[ More Detail ]

零基础学会建立一个简单化妆品网站—前台设计篇2[HTML+CSS化]

前篇文章简略介绍了画草图的步骤和一点注意事项,今天这篇文章我们把目标指向两门计算机语言:HTML和CSS。相信在前台设计篇0里面你对这两门语言也有所听闻了吧,只要你把里面介绍的中文手册大概看了一下,下面说的内容应该不难理解。

重点明确一条逻辑思路(或者叫设计模式):我们的目标是图形的代码化,遵循表现与结构分离的原则。

鉴于边幅太长,下面只以建立DW模板文件为例介绍编辑过程,首页,子页过程雷同: 按照原则我们可以分三步来完成任务:1.建立文件目录结构;2.HTML代码编写网页结构;3.CSS代码编写网页样式。下来我们一步步实现:

1.建立文件目录结构

这一步非常重要,一个清晰的文件目录是最基本的要求,这里我们先建...

......[ More Detail ]