网页 | 意大利面之家

中国天气网改版，多组天气预报代码

Posted by 意大利面 on 九月 3rd, 2009

国家气象局的中国天气网全新改版，网页实时天气预报查询代码
可以通过以下网址轻松免费获得

http://service.weather.com.cn/plugin/forcast.shtml?id=pn4

相比以往的查询代码更权威更专业！

总共有12组代码可以选择！

例如：

<iframe src=”http://m.weather.com.cn/m/pn1/weather1.htm” width=”" height=”" marginwidth=”0″ marginheight=”0″ hspace=”0″ vspace=”0″ frameborder=”0″ scrolling=”no”></iframe>

单城市24小时天气预报插件，元素包括：城市名称、双天气图标、温度，增加城市IP自动判断功能，根据访问者的IP自动改变城市，本插件最佳宽度在160px ~ 180px之间，如嵌入宽度不满足160px，则可能出现部分字符无法正常显示及文字换行情况，本插件较适宜放在网站左右边栏区域。

建议注册中国天气网授权后使用，并留下的联系方式，便于今后插件产品升级改造时能及时接到中国天气网的通知，避免升级改造过程中出现折行、遮挡等现象。

标签：网页, 代码浏览: 996次

30个很棒的下拉菜单和滑动菜单设计实例

Posted by 意大利面 on 八月 3rd, 2009

每当为客户做网站的时候，我就不得不折腾一个水平菜单中的二级导航的最佳显示方式(而且不要让它看起来像10年前那样)，然后我就开始去寻找一些灵感。我找到了很多网站，它们使用下拉菜单或滑动菜单，而且我想，你也可能会对我找到的这些实例感兴趣吧。

请告诉我你是如何看待这些菜单设计的，他们是好还是坏，有哪些优点或者缺点，或者，你发现了还有很多很棒的中文网站的菜单设计，请在评论中写出来，这样，对我，对大家都会有所帮助的:)

Carreras Con Futuro

60个可以启发灵感的单页面网站设计

Posted by 意大利面 on 七月 26th, 2009

原文：60多个可以启发灵感的单页面网站设计
参考：88 Single Page Website Designs For Design Inspiration
版权所有，转载请注明出处，多谢！

我最近注意到的有趣的趋势之一是在“单页面设计”中展示你的作品。看设计师如何处理单页面是件很有趣的事情，因为现在世界上喜欢尝试新的事情并观察人们如何应付他们的作品。尽管这并不是个常见的趋势，但是作为一种新的越来越流行的设计风格，而且因为越来越多的时间是注意到它并在他们的作品中使用单页面，这种设计趋势脱颖而出。

在这个展示中，你将发现大量追随单页面设计趋势的高创意、漂亮和最有分量的灵感设计。我们这里并不是希望你也来追随任何特别的趋势，我们这里的目的仅仅是激发你的创意并启发你的想象力，以创造你自己的设计风格甚至是设计趋势，因为你的网站代表着你和你的品牌。

可以启发灵感的单页面网站设计。

纵观历史，伟大的艺术家总是能找到新的方法来展示他们的创意来表现自己，并创造新的趋势和技术来鹤立鸡群。在现代时期，设计的定义更加重要，因为现在设计还是一种沟通方式。而且，更确切的是，网站设计是一个良好的内容平台。设计中没有“好”或者“坏”。它通常被定义为“不同”。

注：由于前端观察之前有发表一篇《40多个很有创意的单页网站设计》，本文中就将重复的内容移去，请大家到该页面去查看。

01. LennartBasler

终于完成了！校友办网站

Posted by 意大利面 on 十二月 30th, 2008

http://www.gznc.edu.cn/jgsz/xyb/index.html

花了一个多月时间,终于完成了！
总体感觉来说给自己打8.5分吧
虽然没用多少高科技，但是又和往次一样，边做边学，又学到了些新技术！很是开心！
钱虽然不是很多，但或多或少也是一份支持嘛。
刚开始找到我的时候，甚至有免费为母校做个好站的想法！
现实和理想总是会有出入的嘛！。。。。。。。。。

将网站设计进行到底！

PS：希望不懂网页设计和技术的同学不要啰嗦什么了！

标签：网页, 设计, 作品浏览: 397次

极富创意的404错误页面大收集

Posted by 意大利面 on 十月 5th, 2008

今天发现我的服务器供应商终于升级支持404错误页面的自定义了！
我也终于能够拥有自己的404页面了！
http://www.spaghetti4u.com/404
目前正在改进

404错误是指在服务器找不到指定的页面。404错误页面是可以自定义的。

无论你的网站里面是否有失效链接，你的访客都可以因为种种原因查看到错误页。如果这个错误页能够得到妥善处理，访客将很愿意读一下这个404错误页，继而深入探索你的网站。

因此，一个网页设计师或开发人员，虽然有时你无法控制的原因造成错误网页，但你也可以最大限度地减少损失，使用一个特别的404页面来留住你的访客是个不错的主题。一个好的404页面可以提供导航，提示，鼓励游客重新搜索，显示访问者可能有兴趣的相关信息等等。

如何拥有一个漂亮的404页面呢，我精心收集了100个创意十足的404错误页面设计。你要是喜欢的话，就直接COPY来用好了

查看全部404页面设计

美国NBC
韩国naver门户网站
韩国Daum门户网站
apple
美国CNN广播电视
韩国KBS广播电视
HomeStar Runner
PEN-and-PAPER
Project EUH
Tix02
Spore
Psicobyte
Poemofquotes
Underconsideration
Martinkorner
MTV.de
Jackfig
Newyorker
Meroigo
Mikeace
Jhuskisson
Startdrag
LookItsMe
Amcharts
Alistapart
Enesto Timor
Jtbullitt
Galiacho
Ateaseweb
Cgcraft
Codesense
Suspended Animations
Mixx.com
Tysontate
Rubberducky
Aviation Reviews
Twitter
Kitty-yo
Jibjab
Pownce
Freeshell
Dazeofourlives
The Big Noob
Jeremy Fuksa
Just Creative
Slonky
Frye / Wiles
NTL World
Lumino.us
Bruno Bellamy
Blue Vertigo
HomeStar Runner
Krystal Archive
D20srd
Rainfall Daffinson
CUOMA Design Studio

…

标签：404错误, 网页, 设计浏览: 324次

返回上一页代码

Posted by 意大利面 on 九月 27th, 2008

如果是用按钮做的话就是：

用图片做的话就是：

看了几个例子也许您已经明白，其实就是在物件上加上“javascript:history.back(-1);”这个动作，用这个动作来实现点击后退的效果。其它的在此不再一一举例，您可以自己去尝试，其实网页上的几乎所有物件都可以应用这个动作。

标签：网页, 设计, 代码浏览: 486次

栏目信息切换代码

Posted by 意大利面 on 九月 7th, 2008

今天花了点时间研究网站栏目信息切换代码
现在和大家分享一下 [实例请见本站右上角]
这个是比较实用的，文章列表、广告、图片….
几乎任意类型的网站都用得上，可以很合理的利用空间

['divTab_1'].style.visibility = 'hidden';
document.all['divTab_1'].style.display = 'none';
document.all['divMain_1'].style.visibility = 'hidden';
document.all['divMain_1'].style.display = 'none';

document.all['divTab_2'].style.visibility = 'hidden';
document.all['divTab_2'].style.display = 'none';
document.all['divMain_2'].style.visibility = 'hidden';
document.all['divMain_2'].style.display = 'none';

document.all['divTab_3'].style.visibility = 'hidden';
document.all['divTab_3'].style.display = 'none';
document.all['divMain_3'].style.visibility = 'hidden';
document.all['divMain_3'].style.display = 'none';

document.all['divTab_4'].style.visibility = 'hidden';
document.all['divTab_4'].style.display = 'none';
document.all['divMain_4'].style.visibility = 'hidden';
document.all['divMain_4'].style.display = 'none';
}

function ShowTab_1(){
HiddTab()

document.all['divTab_1'].style.visibility = 'visible';
document.all['divTab_1'].style.display = '';
document.all['divMain_1'].style.visibility = 'visible';
document.all['divMain_1'].style.display = '';
}

function ShowTab_2(){
HiddTab()

document.all['divTab_2'].style.visibility = 'visible';
document.all['divTab_2'].style.display = '';
document.all['divMain_2'].style.visibility = 'visible';
document.all['divMain_2'].style.display = '';
}

function ShowTab_3(){
HiddTab()

document.all['divTab_3'].style.visibility = 'visible';
document.all['divTab_3'].style.display = '';
document.all['divMain_3'].style.visibility = 'visible';
document.all['divMain_3'].style.display = '';
}

function ShowTab_4(){
HiddTab()

document.all['divTab_4'].style.visibility = 'visible';
document.all['divTab_4'].style.display = '';
document.all['divMain_4'].style.visibility = 'visible';
document.all['divMain_4'].style.display = '';
}

var more_urls = new Array(4) ;
more_urls[0] = "/siteS/index.jsp?MASTER_CODE=008&GROUP_CODE=00803" ;
more_urls[1] = "/siteS/index.jsp?brd_seq=4&MASTER_CODE=008&GROUP_CODE=00803" ;
more_urls[2] = "/siteS/index.jsp?brd_seq=30&MASTER_CODE=008&GROUP_CODE=00803" ;
more_urls[3] = "/siteS/index.jsp?brd_seq=67&MASTER_CODE=008&GROUP_CODE=00803" ;

var more_url = more_urls[0] ;

function ShowTabs(m) {
var menu_tab ;
for( var i = 1 ; i < 4 ; i++ ) {
// if( i == 3 ) continue ;

menu_tab = eval("menu_tab_" + i) ;
if( m == i ) {
menu_tab.src = "/siteS/img/news_bt0"+i+"a.gif" ;
document.all["divMain_" + i].style.visibility = 'visible' ;
document.all["divMain_" + i].style.display = 'block' ;
}
else {
menu_tab.src = "/siteS/img/news_bt0"+i+".gif" ;
document.all["divMain_" + i].style.visibility = '' ;
document.all["divMain_" + i].style.display = 'none' ;
}
}

more_url = more_urls[m-1] ;
}

function goMore() {
window.top.location.href = more_url ;
}

src="index/main_n/notice_tab_01.gif" width="66"/>

src="index/main_n/notice_tab_03.gif" width="66"/>

src="index/main_n/notice_tab_04.gif" width="66"/>

src="index/main_n/notice_tab_01.gif" width="66"/>

src="index/main_n/notice_tab_02.gif" width="66"/>

src="index/main_n/notice_tab_04.gif" width="66"/>

src="index/main_n/notice_tab_01.gif" width="66"/>

src="index/main_n/notice_tab_02.gif" width="66"/>

src="index/main_n/notice_tab_03.gif" width="66"/>

栏目信息切换源代码下载
源代码下载

标签：网页, 代码浏览: 276次

Carreras Con Futuro

可以启发灵感的单页面网站设计。

01. LennartBasler

美国NBC

韩国naver门户网站

韩国Daum门户网站

apple

美国CNN广播电视

韩国KBS广播电视

HomeStar Runner

PEN-and-PAPER

Project EUH

Tix02

Spore

Psicobyte

Poemofquotes

Underconsideration

Martinkorner

MTV.de

Jackfig

Newyorker

Meroigo

Mikeace

Jhuskisson

Startdrag

LookItsMe

Amcharts

Alistapart

Enesto Timor

Jtbullitt

Galiacho

Ateaseweb

Cgcraft

Codesense

Suspended Animations

Mixx.com

Tysontate

Rubberducky

Aviation Reviews

Twitter

Kitty-yo

Jibjab

Pownce

Freeshell

Dazeofourlives

The Big Noob

Jeremy Fuksa

Just Creative

Slonky

Frye / Wiles

NTL World

Lumino.us

Bruno Bellamy

Blue Vertigo

HomeStar Runner

Krystal Archive

D20srd

Rainfall Daffinson

CUOMA Design Studio

搜索

设计师

其它链接

意大利面和他的朋友们

推荐链接

标签