这种网页模块怎么弄？要什么代码？
\u7f51\u9875\u6a21\u5757\u7684\u8fd9\u79cd\u6548\u679c\u600e\u4e48\u505a\uff1f\u6700\u597d\u6709\u8be6\u7ec6\u4ee3\u7801CSS\u7684\u8fb9\u6846\u5c31\u662f\u4e86\uff0c\u5177\u4f53\u53ef\u4ee5\u770b w3cschool\u5728\u7ebf\u6559\u7a0b
\u4f8b\u5982
\u6587\u5b57 .headbox{height:32px;background:#F5F5F5;border-bottom:1PX #dbdbdb solid;}
\u2605\u76ae\u80a4\u2606
\u540d\u79f0\uff1aQQ\u4e09\u56fd\u5b98\u65b9\u76ae\u80a4 javascript:window.top.space_addItem(1,15166,0,80,0,0,94);
\u540d\u79f0\uff1aQQ\u4e4b\u58f0\u5b98\u65b9\u76ae\u80a4 javascript:window.top.space_addItem(1,15306,0,0,1,1,94);
\u540d\u79f0\uff1a\u5c0f\u5c0f\u7f57 javascript:window.top.space_addItem(1,5669,0,0,0,1,0);
\u540d\u79f0\uff1a\u6fc0\u60c5\u56db\u5c04 javascript:window.top.space_addItem(1,5668,0,0,0,1,0);
\u540d\u79f0\uff1aRooney javascript:window.top.space_addItem(1,5667,0,0,0,1,0);
\u540d\u79f0\uff1aBallack javascript:window.top.space_addItem(1,5666,0,0,0,1,0);
\u540d\u79f0\uff1a\u56fd\u65d7 javascript:window.top.space_addItem(1,2250,0,0,1,1,0);
\u540d\u79f0\uff1a\u6a59\u8272\u89c6\u89c9 javascript:window.top.space_addItem(1,1328,0,0,0,1,0);
\u540d\u79f0\uff1a\u6cb3\u6d41 javascript:window.top.space_addItem(1,1304,0,0,0,1,0);
\u540d\u79f0\uff1a\u5c11\u5973\u60c5\u6000 javascript:window.top.space_addItem(1,1305,0,0,0,1,0);
\u540d\u79f0\uff1a\u661f\u60ac\u6708 javascript:window.top.space_addItem(1,1306,0,0,0,1,0);
\u540d\u79f0\uff1a\u6b32\u671b\u5c0f\u6eaa javascript:window.top.space_addItem(1,1307,0,0,0,1,0);
\u540d\u79f0\uff1a\u5170\u8272\u97f5\u5f8b javascript:window.top.space_addItem(1,1333,0,0,0,1,0);
\u540d\u79f0\uff1a\u6625\u5929 javascript:window.top.space_addItem(1,1303,0,0,0,1,0);
\u540d\u79f0\uff1a\u7ea2 javascript:window.top.space_addItem(1,1330,0,0,0,1,0);
\u540d\u79f0\uff1a\u5f69\u8272 javascript:window.top.space_addItem(1,1327,0,0,0,1,0);
\u5168\u6a59\u6837\u5f0f \uff08\u6539\u81eaQQ\u4e4b\u58f0\uff09 javascript:window.top.space_addItem(1,15306,0,0,1,1,124);
\u5168\u84dd\u6837\u5f0f \uff08\u6539\u81eaQQ\u4e09\u56fd\uff09 javascript:window.top.space_addItem(1,15166,0,80,0,0,124);
\u5168\u7d2b\u6837\u5f0f \uff08\u6539\u81ea \u591c\u5149\uff09 javascript:window.top.space_addItem(1,7510,0,80,0,0,124);
\u6de1\u6de1\u7c89\u8272 \uff08\u6539\u81ea\u6700\u7f8e\u7684\u82b1\uff09javascript:window.top.space_addItem(1,7513,0,80,0,0,124);
\u5168\u7eff\u6837\u5f0f \uff08\u6539\u81ea\u90a3\u5e74\u7684\u6b4c\uff09javascript:window.top.space_addItem(1,7619,0,80,0,0,124);
\u5168\u7c89\u6837\u5f0f \uff08\u6539\u81ea\u5982\u6b64\u7684\u7231\uff09javascript:window.top.space_addItem(1,4693,0,80,0,0,124);
\u5168\u767d\u6837\u5f0f \uff08\u6539\u81ea\u5c0f\u5c0f\u7f57\uff09 javascript:window.top.space_addItem(1,5669,0,0,0,1,124);
javascript:window.top.space_addItem(1,9554,0,0,0,0,93);\u5168\u767d
javascript:window.top.space_addItem(1,1,0,0,0,0,93);\u5168\u84dd
javascript:window.top.space_addItem(1,4693,0,0,0,0,93); \u5168\u7c89\uff08\u5e26\u5c11\u8bb8\u82b1\u74e3\uff09
javascript:window.top.space_addItem(1,15306,0,0,0,0,93); \u5168\u6a59\u8272
javascript:window.top.space_addItem(1,13046,0,80,0,0,93);\u5168\u9ed1
图片幻灯片显示效果代码
--------------------------------------------------------------------------------
发表日期：2005年9月14日 已经有1734位读者读过此文
<style type="text/css">
<!--
select { font-family: "tahoma"; font-size: 10px; color: #666666}
input { font-family: "tahoma"; font-size: 10px; color: #000000; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 1000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
</script>
<body bgcolor="#FFFFFF" text="#000000">
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white" width=200 height=200> <img src="图片地址1" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="图片地址1" selected>1
<option value="2.jpg">2
<option value="3.jpg">3
<option value="4.jpg">4
<option value="5.jpg">5
<option value="6.jpg">6
<option value="7.jpg">7
<option value="8.jpg">8
<option value="9.jpg">9
<option value="10.jpg">10
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="开始" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</body>
上面的这个仅是一个例子，效果不一定是兄弟想要的，但原理都是一样的，只需更改图片的地址部分即可。
绛旓細鏍囪鐨勪唬鐮佹槸Flash浠ｇ爜銆4.灏嗕唬鐮佺矘璐村埌缃戠珯闇瑕佹坊鍔燜lash鐨勫湴鏂癸紝璁剧疆濂紽lash鏂囦欢鐨勮矾寰勫嵆鍙銆備粈涔堟槸缃戠珯妯″潡锛熺綉绔欑殑鍔熻兘妯″潡鏈変互涓嬫ā鍧楋細涓銆佷俊鎭彂甯冪郴缁熴備俊鎭彂甯冪郴缁燂紝鏄皢缃戦〉涓婄殑鏌愪簺闇瑕佺粡甯稿彉鍔ㄧ殑淇℃伅锛岀被浼兼柊闂汇佹柊浜у搧鍙戝竷鍜屼笟鐣屽姩鎬佺瓑鏇存柊淇℃伅闆嗕腑绠＄悊锛屽苟閫氳繃淇℃伅鐨勬煇浜涘叡鎬ц繘琛屽垎绫伙紝鏈鍚庣郴缁熷寲...
绛旓細1銆 纭畾缃戦〉鐨勪富棰橈紝闇瑕佺‘瀹氬ソ缃戦〉鐨勫唴瀹瑰強妯″潡銆傚墠鏈熷紕濂戒簡杩欎簺锛屽悗鏈熺殑宸ヤ綔灏变細鏈夋柟鍚戙2銆佽璁℃晥鏋滃浘锛屽彲浠ヤ娇鐢╬hotoshop鏉ヨ璁★紝缃戦〉璁捐闇瑕佹敞鎰忚壊褰╁拰甯冨眬銆傛暣浣撶殑椋庢牸瑕佷竴鑷淬傝壊褰╂渶濂芥槸涓嶈瓒呰繃涓夌鑹层傚竷灞鏄寜灞忔潵绠楋紝浠ュ睆骞曞叏閮ㄥ睍鐜颁负涓灞忥紝棣栭〉缃戦〉涓鑸槸鍦2灞忓崐涓轰富銆3銆 缃戦〉浠ｇ爜缂栧啓锛...
绛旓細缃戦〉璁捐鏄渶瑕佷唬鐮佹潵瀹炵幇鐨勶紝妯″潡鐨勫疄鐜版柟寮忔湁table琛ㄦ牸鍜宒iv甯冨眬锛岀幇鍦ㄤ竴鑸兘鏄痙iv+css鐨勫竷灞锛宒iv灏辨槸鍖哄煙鐨勬剰鎬漜ss灏辨槸鏍峰紡銆傜敤div鐨勫尯鍩熷畾涔夋ā鍧楃殑瀹姐侀珮锛岀簿纭埌鍍忕礌锛屾妸闇瑕佺殑瀛楄緭鍏ヨ繘鍘伙紝鍒嗗埆缁欐瘡娈垫枃瀛楀鍔犻摼鎺ュ嵆鍙傛垜涓婅堪璇寸殑浠ｇ爜锛岄兘鏄彲浠ュ彧鐢╳indows鑷甫鐨勮浜嬫湰鍐欏嚭鏉ョ殑锛屽彧涓嶈繃瑕佹瘮鐢ㄤ笓涓...
绛旓細鏈夊嚑绉嶆柟寮1銆佹渶绠鍗曪紝鍦ㄥ簵閾鸿淇腑锛屾壘鍒板簵鎷涙ā鍧楋紝鎸夎瀹氱殑灏哄鍒朵綔涓寮犲浘鐗囷紝骞朵紶鍒板浘鐗囩浉鍐屼腑锛屽鍒剁綉鍧锛屽湪搴楁嫑妯″潡涓紝鍙戝竷涓涓浘鐗囧崰浣嶏紝灏嗗浘鐗囧湴鍧澶嶅埗杩涘幓鍗冲彲2銆佺◢寰湁闅惧害锛屾槸鍦ㄥ簵鎷涙ā鍧椾腑锛岀敤HTML浠ｇ爜璁剧疆涓缁勫彲浠ラ摼鎺ュ埌鑻ュ共椤甸潰鐨勭粍鍚堝姛鑳芥ā鍧楋紝杩欎釜闇瑕丳hotoshop鍒囩墖宸ュ叿锛孌reamweaver缃戦〉鍒朵綔宸ュ叿...
绛旓細杩欎釜鏄疛S鏁堟灉锛屼笅杞戒竴涓繖鏍风殑鏁堟灉鑷繁鏀逛笅灏辫浜嗭紝杩欎釜鎴戠粡甯稿仛锛 濡傛灉瑕佽嚜宸卞啓浠ｇ爜鍑烘潵锛屽氨姣旇緝闅撅紝 鎼滅储鍏抽敭璇嶁淛S鍥剧墖杞挱鈥濅笂闈㈢殑涓嶈涔辨暀锛岃繖鏁堟灉DIV+CSS鏄仛涓嶅嚭鏉ョ殑锛宖lash鍙互鍋氾紝浣嗘槸flash鍗犵┖闂村お澶э紝鐜板湪濂藉缃戠珯閮芥嫆缁漟lash
绛旓細1銆傜洿鎺ュ幓鎵惧府浣犲仛缃戦〉鐨勪汉淇敼娣诲姞锛2.濡傛灉鎮ㄥ彲浠ュ湪鍚庡彴缂栬緫涓婚〉骞舵坊鍔犳ā鍧楋紝鎮ㄥ彲浠ュ彧鍦ㄦ偍鎯宠娣诲姞妯″潡鐨勫湴鏂规坊鍔犳ā鍧椼3.鎵炬噦杩欎釜绋嬪簭寮鍙戠殑浜烘潵瀹屽杽浣犵殑缃戠珯锛泈ord濡備綍娣诲姞閭欢鍔熻兘妯″潡锛1銆佹墦寮Word鏂囨。锛屽湪椤甸潰涓偣鍑诲乏涓婅鐨勨滄枃浠垛濄2銆佸湪鏂伴〉闈腑鐐瑰嚮宸︿笅瑙掔殑鈥滈夐」鈥濄3銆佸湪寮瑰嚭鐨勯夐」璁剧疆...
绛旓細杩欎釜搴旇鏄疍IV鍔爐able鍋氱殑銆 鏁翠綋甯冨眬鏄痙iv锛岄噷闈㈢殑鍒楄〃椤圭洰鏄痶able.鍏跺熀鏈粨鏋勫簲璇ュ氨鏄繖鏍风殑锛 .pane {width:350px; border:gray solid 1px; } .header {padding:5px; border-bottom:gray solid 1px; font-size:1em; color:#336699; font-family:榛戜綋} table {font-size:0.8em} 鍏...
绛旓細棣栧厛锛屾墦寮浣犵殑HTML缂栬緫鍣紝鍒涘缓涓涓柊鏂囦欢锛屽懡鍚嶄负渚嬪"index.html"銆傚湪鍒涘缓鐨凥TML鏂囦欢涓紝瀹氫綅鍒版爣绛撅紝杩欐槸缃戦〉鐨勪富瑕佸唴瀹瑰尯鍩熴傚湪杩欎竴閮ㄥ垎锛屼綘闇瑕佹彃鍏ヤ竴娈浠ｇ爜鏉ユ彃鍏ラ煶棰戝厓绱犲苟璁剧疆涓鸿嚜鍔ㄦ挱鏀惧拰寰幆鎾斁銆備唬鐮佸涓嬶細杩欓噷鐨刞autoplay="autoplay"`璁╅煶涔愬湪椤甸潰鍔犺浇鏃惰嚜鍔ㄥ紑濮嬫挱鏀撅紝`loop="loop"`鍒欒缃...
绛旓細1銆佸惎鍔╠reamweaver cs5锛屽湪寮瑰嚭鐨勫璇濇绐楀彛涓夋嫨html锛岃繘鍏ヤ富鐣岄潰缂栬緫鍖哄煙銆2銆佹帴鐫瀵缃戦〉鐨勬暣涓竷灞鍦ㄨ崏绾镐笂缁樺埗涓嬫潵锛屽仛鍒板績涓湁鏁帮紝涓昏鍒嗘垚閭ｅ嚑涓妯″潡銆備富瑕佹湁鑴氭敞銆佽彍鍗曞鑸佷富浣撱佸鑸潯鍥涘ぇ閮ㄥ垎銆3銆佹帴鐫鐐瑰嚮璁捐杩涘叆璁捐鐘舵侊紝鍦浠ｇ爜鍖哄煙涔﹀啓鏁翠綋妗嗘灦鐨刢ss锛屽嵆 ztkj锝泈idth:80%;boder:1px ...
绛旓細鈽呰鎯冲鍋缃戦〉,棣栧厛寰椾簡瑙ｅ埗浣滅綉椤电殑宸ュ叿銆 鍒朵綔缃戦〉涓昏鏈変互涓嬩竴浜涘伐鍏 Frontpage:office鑷甫鐨勪竴涓伐鍏,鎿嶄綔绠鍗,瀹炵敤,瀛﹁捣鏉ユ瘮杈冭交鏉,鍔熻兘涓嶅拫鍦,鎴戜笉澶枩娆 Dreamweaver:杩欐槸缃戦〉涓夊墤瀹箣涓,涓撻棬鍒朵綔缃戦〉鐨勫伐鍏,鍙互鑷姩灏嗙綉椤电敓鎴浠ｇ爜,鏄櫘閫氱綉椤靛埗浣滆呯殑棣栭夊伐鍏,鐣岄潰绠鍗,瀹炵敤鍔熻兘姣旇緝寮哄ぇ銆傚缓璁垵瀛﹁呴夌敤銆
