部分常见菜单效果及做法(收集自海娃收集的js集合,www.1000script.com,www.51js.com ,www.38js.com)
目录结构菜单 演示地址: vip.5d.cn/flood/myjs/htm/menu/dir1.htm
简单树型菜单 演示地址: vip.5d.cn/flood/myjs/baoku/0035.htm
经典树型菜单 演示地址: vip.5d.cn/flood/myjs/htm/menu/content.htm
顶部滑动菜单 演示地址: vip.5d.cn/flood/myjs/htm/menu/show.htm
左边滑动菜单(可随滚动条滚动而变化)演示地址: vip.5d.cn/flood/myjs/htm/menu/sidemenu.htm
左侧菜单1 演示地址: vip.5d.cn/flood/myjs/baoku/0008.htm
左侧菜单2 演示地址: vip.5d.cn/flood/myjs/baoku/0010.htm
键盘控制菜单 演示地址: vip.5d.cn/flood/myjs/baoku/0009.htm
QQ菜单生成器 演示地址: vip.5d.cn/flood/myjs/htm/menu/qqhtm.htm
QQ菜单 演示地址: vip.5d.cn/flood/myjs/htm/menu/qq/qqmenu.htm
软件型菜单 演示地址: vip.5d.cn/flood/myjs/htm/menu/menu2.htm
五角型菜单 演示地址: vip.5d.cn/flood/myjs/htm/menu/fivemenu.htm
像素渐变菜单 演示地址: vip.5d.cn/flood/myjs/htm/menu/dmenu.htm
渐变菜单 演示地址: vip.5d.cn/flood/myjs/htm/menu/coolmenu.htm
多级渐变菜单 演示地址: vip.5d.cn/flood/myjs/htm/menu/coolmenus3.htm
三级关联菜单 演示地址: vip.5d.cn/flood/myjs/baoku/0037.htm
链接菜单 演示地址: vip.5d.cn/flood/myjs/baoku/0038.htm
功能型右键菜单 演示地址: vip.5d.cn/flood/myjs/baoku/0141.htm
滑动导航 演示地址: vip.5d.cn/flood/myjs/baoku/0148.htm
收藏夹式树型菜单 演示地址: vip.5d.cn/flood/myjs/baoku/0155.htm
图片下拉导航 演示地址: vip.5d.cn/flood/myjs/baoku/0152.htm
滑动菜单 vip.5d.cn/flood/menu/hdmenu.htm
淡入淡出菜单 vip.5d.cn/flood/menu/drdc.htm
伸缩菜单 vip.5d.cn/flood/menu/ssmenu.htm
伸缩菜单1 vip.5d.cn/flood/menu/ssmenu1.htm
拖动改变次序的XML树型菜单 vip.5d.cn/flood/menu/xmlmenu.htm
多级滑动菜单 vip.5d.cn/flood/menu/mutimenu.htm
xp样式菜单1 vip.5d.cn/flood/menu/xpmenu.htm
xp样式菜单2 vip.5d.cn/flood/menu/xpmenu1.htm
论坛中一些cool菜单实例的制作方法
1.www.hacker.com.cn导航效果
www.5d.cn/bbs/NewsDetail.asp?id=805892
2.www.etang.com 导航效果
vip.5d.cn/flood/etang/menu.htm
3.http://www.oh100.com/txt.htm导航效果
www.5d.cn/bbs/newsdetail.asp?id=726906
4.一种细腻的导航效果的制作方法
www.5d.cn/5dmedia/web/dreamweaver/basic/20030604/00002610.htm
5.http://www.flyash.com导航效果
效果还可以,原理很简单,使用swap image
6.msdn 菜单风格
www.smilchina.com/ www.5d.cn/bbs/newsdetail.asp?id=753209
7.Merlin导航
vip.5d.cn/flood/menu/merlin.htm
8.windows样式移动选项卡
vip.5d.cn/flood/menu/ydxxk.htm
vip.5d.cn/allinhands/M/file/3-sample.htm
用javascript实现html页面之间的参数传递
在服务器端asp程序可以接受html页面上的form传来的参数。
那么,可不可以传递参数给html页面呢。可以。
下面是javascript的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。
有了这个函数,就可以在页面之间传递参数了。
/*
*函数功能:从href获得参数
*sHref: http://www.cscenter.com.cn/arg.htm?arg1=d&arg2=re
*sArgName:arg1, arg2
*return: the value of arg. d, re
*/
function GetArgsFromHref(sHref, sArgName)
{
var args = sHref.split("?");
var retval = "";
if(args[0] == sHref) /*参数为空*/
{
return retval; /*无需做任何处理*/
}
var str = args[1];
args = str.split("&");
for(var i = 0; i < args.length; i ++)
{
str = args[i];
var arg = str.split("=");
if(arg.length <= 1) continue;
if(arg[0] == sArgName) retval = arg[1];
}
return retval;
}
Iframe 自适应其加载的网页高度(多浏览器兼容版)
from meizz
如何在打开这个页面时得到这个页面的高度?
一个框架面面,包含三个页面
头,左,右三个页面
右面的页面是主显示区会有滚动条,如何让整个框架页有滚动条,而不是单个页面出滚动条。
---------------------------------------------------------------
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
<title>用 iframe 模拟 frame 使网架网页能够居中</title>
</head>
<body topmargin=0 leftmargin=0><center>
<table border=0 width=780 height=100% cellspacing=0 cellpadding=0 align=center>
<tr><td width=780 colspan=2 height=100>
<iframe width=100% height=100% frameborder=1></iframe>
</td></tr>
<tr>
<td width=180>
<iframe width=100% height=100% frameborder=1></iframe>
</td>
<td width=600 valign=top><div style="height: 100%">
<iframe width=100% height=100% name="MzMain" frameborder=1
id="MzMain" src="用iframe模拟frame子页.htm"></iframe>
</div></td>
</tr>
</table>
</center></body></html>
用iframe模拟frame子页.htm
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
<title>iframe 自适应其加载的网页(多浏览器兼容)</title>
<script language=javascript>
function iframeAutoFit() //author: meizz(梅花雪 20041225)
{
if(self!=top && window.name=="MzMain") //这个 name 对应的是 iframe 的 name
{
var iframe = parent.document.getElementById(window.name);
if(iframe)
{
iframe.parentNode.style.height = iframe.style.height;
iframe.style.height = 10;
var h = document.body.scrollHeight;
var minimalHeight = parseInt((window.screen.width*11)/16, 10) - 280;
h = h<minimalHeight ? minimalHeight : h;
if(window.navigator.appName == "Microsoft Internet Explorer"
&& iframe.frameBorder=="1") h += 4;
iframe.parentNode.style.height = iframe.style.height = h;
}
else alert("Iframe's id unequal to iframe's name!");
}
}
if(document.attachEvent) window.attachEvent("onload", iframeAutoFit);
else window.addEventListener('load', iframeAutoFit, false);
</script>
</head>
<body>
<span style="width: 300; height: 400; background-color: yellow">
iframe 自适应其加载的网页(多浏览器兼容)
</span>
</body>
</html>
这是另一种:
<span id="ospan">
<iframe width="100%" height="100%" id="message_group" src="link_message.html" frameBorder=0 onload="ospan.style.height=message_group.document.body.scrollHeight;"><br>
</iframe>
</span>
ASP.NET 数据访问小抄-Command对象存储过程用法+执行SQL用法
存储过程
objCmd.Connection = objConn;
objCmd.CommandText = "[Sales by Category]" //这是存储过程名(Select)
objCmd.CommandType = CommandType.StoredProcedure;
objDG.DataSource = objCmd.ExecuteReader(CommandBehavior.CloseConnection);
objDG.DataBind();
直接执行SQL
strSQL = "Insert into employees (FirstName,LastName) Values ('duo','meng')";
objCmd.Connection = objConn;
objCmd.ExecuteNonQuery();
Tip:ExecuteNonQuery方法主要用于insert/delete/update这种类型的SQL语句,且不会返回任何结果。这就省去了ADO.NET必须构建对象保存数据的过程。
ASP.NET 数据访问小抄-DataSet对象及其相关对象关系和用法
DataSet对象及其相关对象关系和用法
流程:
Connection > DataAdapter > DataSet(包含若干DataTable) > DataView
DataSet:包含多个表,并建立它们之间的特殊关系。
DataTable:在DataSet中用于存储实际数据。
DataAdapter:用于将结果从Connection传递到DataSet(至其中的DataTable)中。Fill方法Conn>DataSet,Update方法DataSet>Conn。本对象创建时负责接收SQL语句。
DataView:表示放在DataSet中的DataTAbles的特定视图。描述了希望从完整的DataSet中读取的记录和列。
exp:
objAdapter.Fill(objDataSet,"ee");
objDataGrid.DataSource = new DataView(objDataSet.Tables["ee"]);
objDataGrid.DataBind();
[ZT]素材网站大集合
非常图酷:http://www.tucoo.com
构图网: http://www.goto1.net
矢量LOGO:http://www.findlogo.com/find1.htm
美图:http://www.6to23.com/s8/
搜图网: http://www.sophoto.net/cgi-bin/imagefolio.cgi
伊美姬网:http://www.imagegarden.net
桌面城市:http://www.deskcity.com
中国图片库:http://www.imaginechina.net/
夜叉图库:http://ycpic.myetang.com
网页制作大宝库:http://www.4gee.com
流星雨矢量图库:http://meteor.loadskill.com
中华图库:http://www.star99.com/photo
素材精品屋:http://www.sucaiw.com
热线素材精品: http://sucai.zjonline.com
壁纸好莱坞:http://jimmy.transfar.com
Wincustomize:http://www.wincustomize.com/
axialis:http://www.axialis.com/
Eboy Home:http://www.eboy.com
ICON List:http://www.arkbook.com/icon/
ICON中国:http://www.iconcn.com/
图标集中营:http://www.51icon.com
馨雅壁纸:http://www.365pic.com/cn/index.php
海龙文化:http://www.hellosea.com/civilization/index.asp
中国古代龙纹:http://zzx.shangdu.com/artchina_design/design_photo/long/page_01.htm
最好的图片搜索引擎:http://www.google.com/imghp?hl=zh-CN
非鸟矢量图库:http://www.feiniao.net/ai/index.htm
闪吧矢量图库:http://www.flash8.net/index_vector.asp
流星雨矢量图库:http://meteor.loadskill.com/
梧桐树下矢量图库:http://wtsx.my169.com/flash/2000slt/index.htm
广之源矢量素材:http://www.coolty.com/Subject.asp
平面设计与桌面出版--矢量素材区:http://202.103.233.162/cd/downhtml/down-1.htm
素材网:http://gimages.myetang.com/index.htm
猫猫图片酷:http://www.tucoo.com/ai/index.htm
※※※国外经典矢量标志下载网站吐血推荐※※※
http://www.logo.vip.lublin.pl/logotypes/
findlogo.com
http://www.logotypes.ru/
http://www.logotypes.lv/
http://logo.tdd.lt/main.htm
http://www.arg.com.pl/bank-menu.htm
http://logo.nino.ru/
http://www.lineaire.com/logos/(苹果压缩格式的)
http://www.visual.gi/logoteca/logos.html(sit格式)
http://webchantier.free.fr/logotheque/index2.html
http://www.qservice.com.ua/index.html(注册才能下载)
http://www.dtpstudio.cz/logobanka/
http://www.dublshar.boom.ru/logos.htm
http://www.doppio.be/DOWNLOAD/LOGOS/index.html
http://www.imagemaker.com.ru/logos.shtml
http://priv.twoje-sudety.pl/~logoteka/1.htm
世界所有足球俱乐部矢量标志下载:hqfl.dk
头像http://www.arkbook.com/icon/
国外一个站点(wmf格式):http://www.clip-art.ru
corel公司(cdr格式):http://www.designer.com/freebies/clipart.htm
闪盟矢量图库(swf格式):http://www.flashsun.com/home/read.php?qid=vector
闪客兵团矢量图库:http://flahs2000.myrice.com/index6.htm
闪客天地Flash矢量资源(fla格式):http://www.flashsky.com/vector.asp
闪客浪心:http://yaoyudx.myetang.com/flash.htm
萤窗小语---矢量图库:http://ycxy.myrice.com/siliang.htm
闪客堡部分矢量资源:http://www.flashcastle.com/download.php?sort=1
蓝精灵flash互动网矢量资源:http://www.flashglow.com/flashfla/flashvl.htm
21点工作室矢量资源:http://21dotstudio.myrice.com/resource/bitmap/bmp.html
flash爱好者:http://www.flashfan.net/ziyuan/shiliang/index.htm
桌面城市:http://www.deskcity.com/scatalog.asp?scatalog=54
海阔天空:http://labiss.3322.net/html/material-2.htm
闪光玻璃:http://suiglass.myrice.com/index/slt.htm
娱乐媒质传播网:http://www.52flash.net/vectors/
***************************以上部分转自中国photoshop联盟原作者campoem、哈哈品
图片搜索引擎:
http://images.google.com/
http://www.sucaiw.com/search.asp
http://cn2.gograph.com/?cfid=6711151&cftoken=81480965 图像词典
图库:
http://www.sucaiw.com 素材精品屋
http://www.mypcera.com/photo/photo.htm 新时代图霸网
http://www.tuku.com.cn/ 许昌信息港---美丽图库
http://photo.ayinfo.ha.cn/ 殷都图霸
http://v9v.home.sohu.com/ 网页素材精品屋
http://www.21pic.com.cn/index.html 中国图片网
http://www.imaginechina.net/cn/ 中国图片库(收费的)
http://www.pyinfo.ha.cn/xtf/index1.htm 花儿图库
http://photo.cnmaya.com/ 美亚图库
http://www.xxinfo.ha.cn/tupian/ 新乡信息港
http://www.tucoo.com/ 猫猫图片酷
矢量图库:
http://gjj.51.net/cgi-bin/image/imageFolio.cgi?direct=wmf/cusi
http://meteor.loadskill.com/Default.asp
http://www.feiniao.net/ai/
http://cn.gograph.com/
http://gallery.yahoo.com/
http://multimedia.lycos.com/
http://www.ditto.com/这是一个多媒体的搜索引擎,目前主要提供网上图像的搜索,已收集了超过200万个图像,并且大多经过人工的筛选,因而搜索结果质量较高。
http://www.si.edu/
http://nbci.msnbc.com/nbci.asp
http://clipartconnection.com/
http://www.ipost.co.kr/
http://bluedic.com/
http://www.clipartdownload.com 大量免费图片,但需先注册一个用户名
字体网站:
和势精品网免费字体
http://www.herse.net/font/chinese.asp
HVE(中国Photoshop联盟)收集的字体网站
COOL ARCHIVE(中国Photoshop联盟) 强烈推荐网站上的字体,全是精品 ★★★☆
http://www.coolarchive.com/
Cool Archive Free Clip Art and Fonts - clipart, fonts, graphics, icons, animations, backgrounds, arrows, sounds
著名的04字体 ★★★★
http://www.dsg4.com/04/index.shtml
1001 Fonts
http://www.1001fonts.com/
英文字体下载
酷字千寻 ★★★★
http://coolfont.ayinfo.ha.cn/
中文,英文,3DMAX,更多字体
4YEO.com
http://www.4yeo.com/
free original graphics, fonts, animated gifs, page sets, backgrounds & clipart graphics
Free 51Fonts Net ★★★☆
http://www.51fonts.com/
Free 51Fonts Net 51fonts.com] 英文字体
网页制作大宝库 ★★★
http://www.4gee.com/
动画,图标,按钮,背景,线条等素材,桌面,字库
cubadust
http://www.cubadust.com/
很酷的字体,桌面,素材原创站
一百多种创意线索
1、把它颠倒过来
2、把它摆平
3、把缩小
4、把颜色变换一下
5、把它变为圆形
6、使它更大
7、把它变为正方形
8、使它更小
9、使它更长
10、使它闪动
11、使它更短
12、使它发出火花
13、使它可以看到
14、点燃它
15、使它逾起一般情况
16、使它发萤光
17、把它放进文字里
18、使它沉重
19、把它插进音乐里
20、使它成为引火物
21、结合文字和音乐
22、使它成为引火物
23、结合文字、音乐和图画
24、参加竞赛
25、结合音乐和图画删除文字
26、参加打赌
27、不要图画
28、使它成为年轻型的
29、不要文字
30、使它成为壮年型的
31、沉默无声
32、把它分割开
33、使它重复
34、保守地说
35、使它变成立体
36、夸张地说
37、使它变成平面
38、当替代品卖
39、变换它的形态
40、发现新用途
41、只变更一部分
42、减掉它
43、使它成为一组
44、撕开它
45、为捐献或义卖而销售
46、使它化合
47、鼓励它
48、用显而易见的
49、机动化
50、把要素重新配置
51、电气代
52、降低调子
53、使它活动
54、提高调子
55、使它相反
56、割开它
57、它像是某种东西的代替品
58、混合在一起
59、使它罗曼蒂克
60、改用另一种形式表现
61、增添怀旧的诉求
62、使它的速度加快
63、使它看起来流行
64、使它缓慢下来
65、使它看起来像未来派
66、使它飞行
67、使它成为某种物品的部分代替
68、使它浮起
69、使它更强壮
70、使它滚转
71、使它更耐久
72、把它切成片状
73、运用象征
74、使它成为粉状
75、它是写实派
76、以性欲作诉求
77、运用新艺术形式
78、使它凝缩
79、变为摄影技巧
80、使它弯曲
81、变换为图解方式
82、使它成对
83、使它变更形式
84、使它倾斜
85、用图画说明你的故事
86、使它悬浮半空中
87、使用新广告媒体
88、使它垂直站立
89、创造新广告媒体
90、把它由里向外翻转
91、使它更强烈
92、把它向旁边转
93、使它更冷
94、摇动它
95、增加香味
96、把它遮蔽起来
97、变换气味
98、使它不对称
99、把它除臭
100、使它不对称
61、增添怀旧的诉求
62、使它的速度加快
63、使它看起来流行
64、使它缓慢下来
65、使它看起来像未来派
66、使它飞行
67、使它成为某种物品的部分代替
68、使它浮起
69、使它更强壮
70、使它滚转
71、使它更强壮
72、把它切成片状
73、运用象征
74、使它成为粉状
75、它是写实派
76、以性欲作诉求
77、运用新艺术形式
78、使它凝缩
79、变为摄影技巧
80、使它弯曲
81、变换为图解方式
82、使它成对
83、使它变更形式
84、使它倾斜
85、用图画说明你的故事
86、使它悬浮半空中
87、使用新广告媒体
90、把它由里外翻转
91、使它更强烈
92、把它向旁边转
93、使它更冷
94、摇动它
95、增加香味
96、把它遮蔽起来
97、变换气味
98、使它对称
99、把它除臭
100、使它不对称
101、将它向儿童诉求
102、反它隔开
103、将它向男士诉求
104、使它与其他相敌对
105、将它向妇女诉求
106、使它锐利
107、价钱更低
108、变更它的外形
109、抬高价格
110、要它绕一周
111、变更成份
112、把它框起来
113、增加新成份
114、把它卷成一圈
115、拧搓它
116、把它填满
117、使它透明
118、把它弄成空的
119、使它不透明
120、把它打开
121、用不同背景
122、把拼错
123、用不同环境
124、给它起我上绰号
125、使它富有魅力
126、把它封印起来
127、使用视觉效果
128、把它移转过来
129、使用另外的物料
130、把它捆包起来
131、增加人的趣味
132、把它集中起来
133、变更密度
134、把它推开
135、置于不同的货柜
136、使它成为交替的
137、变换包装
138、使它凝固起来
139、使密度增加
140、使它溶化
141、小型化
142、使成凝胶状
143、增加至最大限
144、使它软化
145、把它除掉
146、使它硬化
147、使它轻便
148、使蒸发变为汽化
149、使它可以折叠
150、加上抑扬顿挫
151、趋向偏激
152、使它更狭窄
153、如夏天炎热
154、使它更宽广
155、如冬天寒冷
156、使它更滑稽
157、使拟人化
158、使它成为被讽刺的
159、使它更暗
160、用简短的文案
161、使它发光
162、用冗长的文案
163、使它灼
164、发现第二种用途
165、使它更有营养
166、使它合成在一起
167、把它倒进瓶中
168、把它当作用具来卖
169、把它倒进罐中
170、使它清净
171、把它放进盒中
172、把它倒进壶中
173、把它倒进缸中
174、把它弄直
175、把它褶曲
176、把它缠起来
177、提升声誉
178、免费提供
179、以成本价出售
180、提供特价
181、增加慰藉的诉求
182、提供维护服务
183、运用不同的织法
184、使它变成香郁宜人
185、使它变成酸的
186、使它濡湿
187、使它脱水
188、使它干燥
189、把它冻起来
190、把它抛出去
191、使它无刺激性的
192、使它单纯化
193、使它具有刺激性的
194、把以上各项任意组合
FROM http://www.dofoto.com/news/31/2004129202946.htm
长期以来收集的关于设计的网址,贴出来分享
Photoshop 特效速查手册:能查到经常用的特效
http://www.yesky.com/20020724/1621869.shtml
EicoStudio:国内一个很棒的设计团队,能搞到png格式的好图图
http://www.eicostudio.com/
几度设计:又是一个设计门户站点
http://www.jido.org/
中国UI设计网:N多牛人都在这里,UI设计哦~~~比web强多了~~~
http://www.chinaui.com/default.asp
视觉中国
http://www.chinavisual.com/
网人帝国:大量模版下载,丰富的资源库
http://www.wrclub.net/
网页配色精彩十例:当备用吧,呵呵呵
http://www.yesky.com/SoftChannel/72351168038174720/20011019/201533.shtml

