日志分类:Javascript

给表格做链接

2010/01/07 17:08  |  分类:Javascript


<table style=”cursor: pointer;” onclick=”window.open(‘http://www.52sonen.com/’, ‘_blank’)” width=”100%”>
<tbody>
<tr>
<td height=”100″ bgcolor=”#000000″></td>
</tr>
</tbody>
</table>

jQuery制作TAB标签菜单

2009/10/14 17:05  |  分类:Javascript

 1、导言
现在,有很多网站使用的TAB标签,这样就能节约很打部分的网页空间。我看到了很多WordPress的网站中使用了一个效果,这确实是一个很好的办法,如果使用正确,它可以提高网站的可用性,首先,我们需要有思想和这个TAB标签设计结构。

我的想法:

在顶部按钮,内容放在在不同的DIV标签里,
点击其中一个按钮,它会显示相关的内容;
单击其他按钮,隐藏前一个凸显当前内容。

设计图:

tab-menu-diagram

全文阅读 »

雅虎LOGO的中文发音

2009/09/06 14:49  |  分类:Javascript

今天懒人上看了一个雅虎中文LOGO发音的效果,觉得还蛮有意思,实现起来也不难,所以发上来和大家分享一下。index

点击预览

简易可行的iframe 自适应高度

2009/09/04 16:23  |  分类:Javascript

关于iframe 自适应高度 的方法有很多种,但我还是觉得下面方法简单

<iframe width=”100%” src=”http://www.hezc.com/” frameBorder=”0″ scrolling=”no” allowTransparency=”true” name=”autoHeight” onload=”this.height=autoHeight.document.body.scrollHeight”></iframe>

<!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>
</head>
<body>
<h1>下面是Iframe 取的页面内容 </h1>
<iframe width=”100%” src=”http://www.hezc.com/” frameBorder=”0″ scrolling=”no” allowTransparency=”true” name=”autoHeight” onload=”this.height=autoHeight.document.body.scrollHeight”></iframe>
</body>
</html>

文章出处:http://www.hezc.com/article.asp?id=88

[推荐]FLASH盖住层的解决办法

2009/08/26 11:22  |  分类:Javascript

经常在群里或者论坛上看到有童鞋问一个问题,那就是FLASH盖住了DIV层。那么怎样才能让DIV层位于flash对象之上或者说层如何叠加在flash上面呢?

这里提供了经常被用到的关于flash盖住层的解决办法.

通常的办法是将flash设置为透明,给flash增加两个参数
<object>中加入 <param name=”wmode” value=”transparent” />
<embed>中加入 wmode=”transparent”
我这样做了,然而结果是在firefox中正常了,而 IE7,Opera,和Safari中均无效,层依然被flash盖住,尝试给层加上最优顺序z-index依然无法解决flash盖住层的问题尝试将flash放入层中,依然无法解决,在层与flash的优先顺序中,flash似乎总是优先于层的冥思苦想了1分钟,发现问题在这里,在dreamweaver 8中自动给swf加入了一个控件AC_FL_RunContent(),这是一个js函数,就是避免在IE中需要激活swf控件的函数,看到里面有设置宽度,高度和flash来源之类的东西,我想是不是需要在这里也添加呢?按照AC_FL_RunContent()参数的格式测试了一下,结果通过

全文阅读 »

弹出窗口框架lhgdialog

2009/06/26 23:00  |  分类:Javascript

一、组件简介
lhgdialog DIV弹出窗口框架是一个简洁、高效、美观、易用的多功能弹出窗口组件。
它的主要特点有:
代码简洁:整个组件所有代码总共18K,如果不算上图片和CSS样式表文件,总共大小才12K不到。(这是在代码未压缩情况下)
程序运行效率高:弹出窗口在打开和拖动时非常流畅,在同等测试条件下,CUP的占有率在30%左右,最高不超过40%。而其它弹出 窗口(比如:JQuery,ExtJs,Mootools,还有其它弹出窗口等)CUP的占有率都在50%左右,最高60%以上。
窗口样式更改简便:组件采用的是QQ2009窗口的界面,虽说不上很漂亮,但也不算难看(本个界面设计能力较差:-)…)如果你 想更改窗口样式也很容易,组件采用的是静态模板来设计的窗口的样式,你只要更改lhgdialog.html里body 之间的HTML代码,再相应改下lhgdialog.css样式表文件即可。而且组件样式不受调用页面限制,可随意更改 你想要的样式。

全文阅读 »

支持放大显示效果的TOP排行

2009/06/02 22:42  |  分类:Javascript

今天,其实也不是今天。呵呵
在懒人里看到一个不错的效果,就弄下来发这里和大家共享一下,效果比较容易实现,就是这个创意不错。

预览图:

点击此处查看预览
由于今天虚拟主机有出问题,FTP一直有问题,没法登陆。预览效果和下载文件,明天联系他们再放出来吧,也借此机会鄙视一下中网互联~垃圾服务商,态度虽好,服务不行顶P用!!!

可以登陆FTP了。

此处下载

今天发一个腾讯的广告效果,最近几天的上的好像,今天去看的时候已经撤下了。
我也是懒人一个,不想自己去拔,我知道肯定有人比我手快很多,我就等着直接去拿就行了,当然,当你看到这个的时候证明我已经把这个拿下了。是站酷懒人还是SINCOL,忘记是哪里拿的了。就不说明了,不好意思了。

直接预览吧:http://www.sonyes.cn/demo/qqdemo/index.htm

觉得效果有用的,请这里下载:嫌麻烦不想注册的请绕行!点击下载

推荐:一款精美的JS相册

2009/05/15 12:11  |  分类:Javascript

今天我特意推荐一款精美的相册效果.
大概描述:
支持可选的说明和链接,而且是图像预加载的,在您欣赏照片的同时,就会下载下一张图片了,非常方便您的浏览。
非JavaScript支持:用户禁用JavaScript在,您所有您需要做的就是留下足够的空间,(例如:如果您的缩略图是100px宽,您的主要图像x 400像素宽,您需要设定您的的DIV的宽度至少600px ) 。
都是纯HTML页面,很容易修改,搜索引擎友好的JavaScript支持。
支持可选的说明和链接:每张图片可以说明显示,而且每个图片都支持加链接。

说了这么多,来看一下预览

详细的说明我觉得就不必要了,如果又需要的同学可以点击下载此压缩包

一个极度省页面空间的下拉效果

2009/04/28 22:32  |  分类:Javascript

一个比较不错的效果,网页上部一个下拉效果,点击可以弹出一个提示,可以关闭。貌似在站酷看到过下载,没仔细研究过。

就不放出截图了,可以查看预览效果,如下:

http://www.sonyes.cn/demo/down/demo.html

今天由于有其他事情就不放出制作压缩包了,我相信如果你需要你是可以得到这个效果所用到的文件的,你说是吧,查看预览,另存文件。

Pages: 1 2 3 Next