html 与html5 鼠标点击菜谱显示图片,如何实现?

html 与html5 鼠标点击菜谱显示图片,如何实现?,第1张

如果想减少网页大小,实时加载那就只有用js了,

下面是个例子,实测了的,你可以根据需要进行优化:

<!DOCTYPE html>

<html>

<head>

<title>menu</title>

<script type="text/javascript">

function chgimg(src)

{

var img=document.getElementById("img")

img.src=src+".jpg"

}

</script>

</head>

<body>

<div>

<p><img src="a1.jpg" id="img" /></p>

<p><ul><li onclick="chgimg('a2')">a</li><li onclick="chgimg('a3')">b</li><li onclick="chgimg('a1')">c</li></ul></p>

</div>

</body>

</html>

http://www.cncooking.com/ 中国烹饪网

http://www.chinesecate.com/每食中国

http://iwudi.com/ 巧手美食网

http://www.jujubetree.com/veget/index.asp 内容很全,菜单很多,总有一款适合你的,呵呵。有成品图和制作流程说明。

http://www.hightaste.net/recipe.htm香港的网站,繁体字。有菜谱制作方法没有图片说明。

http://www.shiliao.com.cn/pg/572/

除了素食食谱还有其他饮食健康指南。

百姓厨房

http://www.yyeat.com/c41p9.aspx

全方位的菜谱网,内容比较多,菜谱也比较齐全。除了素食也有其他食谱。

中文

http://web.wenxuecity.com/BBSList.php?SubID=cooking

(文学城私房小菜)

http://mitbbs.com/cgi-bin/BBSdoc?NFood (未名空间-画饼充饥)

http://recipe.goolu.com/01_catalog/ (咕噜美食网)

http://www.cookpower.com.tw/ (酷客美食网)

http://www.enjoygourmet.com/recipe/foodtype.php (英卓美食网)

http://www.tastenet.com.cn/menu/default.asp (饮食品网菜谱大全)

http://www.5eat.com/ (中华美食网)

http://cate.jztv.net/ (小娜美食网)

http://www.ytower.com.tw/recipe/recipe.htm (杨桃文化)

http://www.sc-pr.com/index1.asp (四川烹饪)

http://www.godsdirectcontact.com/ve...ch/index-va.htm (东方佳肴)

http://www.gytouch.com.cn/food/food_index.asp (贵州风味)

http://www.eatworld.org/menu/index.php (餐饮世界)

http://www.diybakery.com/ (自助烘培网)

http://udn.com/SPECIAL_ISSUE/LIFEST...ert/archive.htm (学做西点)

http://tv.ettoday.com/ettv_tv/index04-3.htm (东森美食)

http://www.hkrecipes.com/content01.html (香港网上食谱)

http://food.poco.cn/

个人网站:

http://www.euphocafe.com/ (爱厨Cafe)

http://www.areyoueye.com/ (areyoueye私人网站)

http://www.yeqiang.com/ (野蔷网站)

http://ebake.dyn.dhs.org/ (克莱儿小栈)

http://mail.thu.edu.tw/~jeni/ (小太阳烘培房)

http://www.yykitchen.com/ (歪歪厨房)

http://www.cake2000.com/ (西点蛋糕)

http://www.samgharama.com/subentry/...pe/recipe1.html (伽蓝厨房)

http://www.pbase.com/bibo_bb/cooking (红帽子cooking album)

http://www.geocities.com/anchichow/index.html (安琪拉的小天地)

http://littlechef.samuelh.dyndns.or...ookie_checked=1 (惠惠小厨)

http://www.leisure-cat.com/index.htm (为食猫)

http://littlething.myweb.hinet.net/ (邓妈妈的私房菜)

http://home.kimo.com.tw/cllinbaby/index1.htm (CL的手创点心房)

http://home.kimo.com.tw/kitchen924/ (小米的厨房记事)

http://bread.idv.st/ (甜点小铺)

http://yeerkuan.netfirms.com/ (Kuan 点心相册)

http://www.geocities.com/jarlin/food.htm (维他命小站)

http://www.hiphop.game.tw/ (小綨食谱)

http://www.gaggia.com.tw/baking/gue...ge_num=32&user= (孟老师烘培园地)

http://bwrc.eecs.berkeley.edu/Peopl...q/food/main.htm (Huifang’s Cooking Page)

http://leilako.com/recipes/index.html (ko’s kitchen)

http://www.geocities.com/susiechen/ (dessert hut)

http://www.nd.edu/~jsu/chinese/dishes.htm

美食论坛:

http://www.supervr.net/foodbbs/leoboard.cgi (美食天堂)

http://www.moo.cc/cgi-bin/forums.cgi?forum=5 (我为吃狂)

http://bbs.moninet.com.tw/board/for...rum=53&show=150

http://www.hxfoods.com/bbs/ (成都吃喝玩乐)

http://bakingdream.adsldns.org/ (baking dream)

http://www.excitecity.com/china/chat/food/ (美食乐园)

http://www.youzinet.com/bbs/forumdi...ge=1&sid=g8cxI0

http://www.eatworld.org/bbs/index1.php

看台湾老板如何蹂躏高管人员

其他:

http://www.kimchi.or.kr/ (韩国泡菜)

http://www.chefsrecipe.net/ (人气食谱)

http://www.prtmusic.com.tw/prtfamil.../food/food.html (罗西尼西餐)

http://kaihui0.tripod.com/ (kitchen collections)

http://www.chinaveggie.com/Article_....asp?ClassID=20 (素食者之家)

http://www.godsdirectcontact.com/ve...ch/index-vc.htm (素食食谱――饮料和点心)

l

英文

http://www.allrecipes.com/

http://www.recipesource.com/

http://www-2.cs.cmu.edu/~mjw/recipes/other-sites.html (A List of Food and Cooking Sites)

http://www.foodtv.com/

http://www.kraftfoods.com/ (Kraft &food)

http://www.diet.recipes-to-go.com/ (diet recipes to go)

http://www.cheftalkcafe.com/forums/ (论坛)

http://www.vegsource.com/recipe/ (素食菜谱)

http://cgi.fatfree.com/cgi-bin/fatfree/recipes.cgi (The Full FATFREE Recipe Collection by Category)

http://recipecircus.com/recipes/lisallancaster/ (low fat)

http://www.whfoods.com/recipestoc.php (cooking healthy)

Baking:

http://www.joyofbaking.com/RecipeIndex.html (Joy of Baking)

http://www.am-i-fat.com/recipes_deserts.html (dessert to keep you slim)

http://www.dianasdesserts.com/ (Diana’s dessert)

http://www.pastryartanddesign.com/ (Pastry design)

http://cgi.fatfree.com/cgi-bin/fatfree/recipes.cgi (fatfree recipe collection)

http://fp.enter.net/~rburk/breads/b...readmachine.htm (bread machine recipes)

http://www.ability.org.uk/Bread_machine_recipes.html (Bread machine recipes)

http://www.cookingcache.com/breads.html (bread and rolls)

http://www.sfo.com/~parvin/bread.html (bread machine tips)

http://www.bakery-net.com/

日文

http://teruko-san.com/recipes/flame.htm

http://www.hi-net.zaq.ne.jp/dodo/html/ (Dream Basket)

http://www.51ttyy.com/info/这个里面的食物营养营养记录的食物热量我认为很全,而且比较的准确哦!我最喜欢的,推荐给你!

大荤:香菇蒸鸡腿、蒸肉饼、红烧大肉、粉蒸肉、红烧狮子头、牛扒、清蒸小排、蒜香排条、糖醋排条、香酥大排、红烧大排、椒盐大排、粉蒸大排、宫爆鸡丁、酸甜鸡块、红油鸡块、

红烧鸡块、酱鸭条、红烧鸭块、盐水鸭、鸭腿肉 、白切鸡、红烧鸡腿、香酥鸡腿、清蒸鸡腿、红烧鸡翅、粉蒸鱼块、油炸鲫鱼、水煮咸肉、酱爆鸡丁、

炸鹌鹑、红烧猪手、耗油牛肉、盐水鸭、油爆虾、川香辣子鸡、面包吐丝、青鱼蒸蛋、叉烧肉、豆豉河鳗、带鱼煲、酱鸭、红烧肉丸、红烧蹄膀、红烧鸭根、粉蒸大排。

素菜:香菇青菜、辣味大白菜、上汤豆苗、蒜蓉青瓜、南乳通菜、壕油生菜、炒韭菜、手撕包菜、炒豆、腐乳通菜、上汤芥菜、清炒丝瓜、蒜蓉菜心、上汤小白菜、红烧冬瓜、上

汤娃娃菜、清炒凉瓜 、炒南瓜、蒜泥菠菜、耗油生菜、葱油萝卜丝、炒橄榄菜、西芹拌百合、红椒韭菜豆芽、蓬花菜、咸菜粉皮、青椒藕丝、葱油蚕豆、炒素、刀豆、

黄雅菜、塔菜、叶开花、韭菜豆腐皮、生扁空心菜、青椒土豆丝、红烧素肠、炝黄瓜、油焖茄子、葱油豇豆、炒四青、青椒茭白丝。

拓展资料:

自助餐技巧: 吃自助餐求的就是分量,一切以“合算”为原则。那么怎样才能最大限度地吃回本儿呢?

下面介绍几种方式: 一是传统吃法:方法是依照菜肴由便宜到贵的顺序,让胃口也逐渐由弱到强有个适应过程。夹菜前先要将所有的菜色巡视一遍,然后每样都夹一点点,试试口味,然后再决定着重吃哪些。

而且不要先吃面包或汤,尤其不要先喝添加了奶油的汤,就算要喝汤也要在沙拉之后。沙拉对消除肉类的胀腻感极有效,然而选择酱汁时需要注意,柠檬汁最好,最好不要选择千岛酱。

参考资料:百度百科-自助餐


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7366977.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存