谁会html代码,我想让几张相片来回滚动显示怎么办??? 在html中如何让插入的图片左右来回移动
\u6025\u6c42\uff01\uff01\uff01\u5728\u7f51\u9875\u4e2d\u600e\u6837\u8ba9\u51e0\u5f20\u8fde\u7eed\u56fe\u7247\u6765\u56de\u6eda\u52a8\uff0c\u7528HTML\u4ec0\u4e48\u4ee3\u7801\uff1f\u8c22\u4e86\u4f7f\u7528DIV,CSS\u6837\u5f0f\u6765\u505a\uff01
\u4e00\u822c\u73b0\u5728\u4f7f\u75283P\u6765\u5b9e\u73b0\uff0c\u5982APS.NET\uff01
\u4f60\u53ef\u4ee5\u62f7\u8d1d\u4e00\u4e2a\u811a\u672c\u4fee\u6539\u91cc\u9762\u7684\u53c2\u6570\uff0c\u5c31\u53ef\u4ee5\u8fbe\u5230\u6548\u679c\u4e86\uff01
\u4f7f\u7528html\u4ee3\u7801\uff0c\u53ea\u80fd\u4f7f\u7528\u4e00\u4e2a\uff01
\u5c31\u662f\u8dd1\u9a6c\u706f\u6807\u7b7e\u6765\u5b9e\u73b0\u7b80\u5355\u7684\u6548\u679c\uff01
\u8fd9\u4e2a\u6807\u7b7e\uff01
\u5982\uff1a
\u8fd9\u662f\u4e00\u6bb5 \u8dd1\u52a8 \u7684\u6587\u5b57.\u6211\u7ecf\u8fc7\u5b83\u5c31\u80fd\u505c\u4e0b\u6765.
\u5176\u4e2d\u7684scrollamount\u5c5e\u6027\u53ef\u4ee5\u6539\u53d8\u901f\u5ea6.\u503c\u5c0f\u5b83\u5c31\u4f1a\u53d8\u6162.
height\u53ef\u4ee5\u6539\u53d8\u9ad8\u5ea6.direction\u53ef\u4ee5\u6539\u53d8\u65b9\u5411.direction=up\u5c31\u4f1a\u5411\u4e0a\u52a8
\u6211\u5efa\u8bae\u4f60\u53bb\u627e\u4e00ASP,\u6216\u8005JavaScript\u7684\u4ee3\u7801\u6765\u8fdb\u884c\u4fee\u6539\u53c2\u6570\uff01
\u3000\u3000\u5728html\u4e2d\u9700\u8981\u5c06\u63d2\u5165\u7684\u56fe\u7247\u5de6\u53f3\u6765\u56de\u79fb\u52a8\uff0c\u53ea\u9700\u8981\u5728\u56fe\u7247img\u6807\u7b7e\u5916\u5957\u4e00\u4e2amarquee\u6807\u7b7e\uff0c\u5728\u91cc\u9762\u5199\u4e0a behavior=alternate \u8fd9\u53e5\u8bdd\u5c31\u53ef\u4ee5\u5b9e\u73b0\u3002
\u3000\u3000 alternate\u662f\u6eda\u52a8\u6807\u7b7e\u7684\u5c5e\u6027\u3002
\u3000\u3000scrolldelay\uff0c\u6eda\u52a8\u5ef6\u65f6\uff0c\u7528\u4e8e\u8bbe\u5b9a\u4e24\u6b21\u6eda\u52a8\u64cd\u4f5c\u4e4b\u95f4\u7684\u95f4\u9694\u65f6\u95f4\uff0c\u8be5\u65f6\u95f4\u4ee5\u6beb\u79d2\u4e3a\u5355\u4f4d\u3002
\u3000\u3000behavior\uff0c\u6eda\u52a8\u65b9\u5f0f\u3002
\u3000\u3000alternate\uff1a \u8868\u793a\u5728\u4e24\u7aef\u4e4b\u95f4\u6765\u56de\u6eda\u52a8\u3002
\u3000\u3000scroll\uff1a \u8868\u793a\u7531\u4e00\u7aef\u6eda\u52a8\u5230\u53e6\u4e00\u7aef\uff0c\u4f1a\u91cd\u590d\u3002
\u3000\u3000slide\uff1a \u8868\u793a\u7531\u4e00\u7aef\u6eda\u52a8\u5230\u53e6\u4e00\u7aef\uff0c\u4e0d\u4f1a\u91cd\u590d
1)代码如下:这是让图片上下滚动的代码
<marquee behavior="alternate(上下滚动)[scroll" scrollamount(速度)="2" loop(这是显示循环次数[-1代表无限])="-1"direction="down(这表示图片从上往下开始)" width(容器的宽度)="60"height(容器的长度)="60"><img src=""></marquee>
2)让图片左右滚动的代码,如下:
<marquee behavior="scroll(左右滚动)" scrollamount(速度)="2" loop(这是显示循环次数[代表循环10次])="10"direction="left(这表示图片从左往右开始)" width(在多大宽度的容器里显示)="60"height(在多大长度的容器里显示)="60"scrolldelay(这个和scrollamount功能差不多,也是指速度的意思)="2"><img src=""></marquee>
你回去可以根据你的需要在调解一下,还有哪个地方弄不出来可以加我QQ或是给我发Email:[email protected]
用javascript就能实现~`
很简单的~`
可惜你给的分太……
不值得我写那么多~`
闷。。。。。。。。
<style type=text/css>.baidu{font-size:14px;line-height:1.5;}a{color:#0000cc;}
a.t{color: #006633;font-size:14px;text-decoration:none;}a.cn {color:#555555;}</style>
<script language="JavaScript" type="text/JavaScript" src="http://zhidao.baidu.com/q?ct=17&tn=fcuuseanswer&word=ccwhy24&rn=5&lm=459264"></script>
呵呵,多给点!!
绛旓細涓嶅彲浠ワ紝闇瑕侀氳繃jsp
绛旓細鐐逛綇鍏朵腑涓涓浘鐗囷紝鐒跺悗鎸変綇shift閿紝娉ㄦ剰瑕佹妸鎵鏈夌殑鍥剧墖鍖呮嫭杞満鏁堟灉閭d簺閮芥槸鐐硅繘鍘伙紝鐐圭涓寮犺窡鏈鍚庝竴寮狅紝閭d箞涓棿鐨勫氨閮戒細琚湀璧锋潵锛岀劧鍚庢媺鍔紒
绛旓細2.鐢ㄦ枃瀛楄緭鍏ュ伐鍏烽殢鎰忚緭鍏ヤ竴绐01浠g爜,骞舵寜CTRL+T鎶婂畠鍨傜洿鏃嬭浆杩囨潵鏀,骞跺澶嶅埗鍑犱釜鎷夋垚涓嶇瓑澶у皬,闅忔剰鎽嗘斁鍑犱釜銆傝繕鏈変竴绉嶆柟娉,鏄敤婊ら暅,涔熷彲浠ヨ揪鍒板緢涓...灏辨槸鐢ㄨ礋鐗囩殑鍐叉礂宸ヨ壓鏉ュ啿娲楀弽杞墖,杩欐牱浼氬緱鍒版瘮杈冭寮傝屼笖鏈夎叮鐨勮壊褰┿傚鏋滅敤鍦∕M浜哄儚鐓х墖涓,鍒欎細浠ゅ讥婕潃涓绉嶅墠鍗敋鑷抽棰撶殑鑹插僵.1 鎵撳紑鍥捐薄,骞惰鍙宠竟...
绛旓細if (mouseOnScreen()) { 鍒ゆ柇mouseOnScreen鏂规硶鐨勬墽琛岀粨鏋 this.vx += (_parent._xmouse-this._x)/50;濡傛灉缁撴灉涓簍rue锛涘厓浠跺唴鐨勫彉閲廣X閫掑鐖剁骇榧犳爣X鍊煎噺鑷韩X鍧愭爣鍊肩殑缁撴灉闄や簬50鐨勭粨鏋 } else { this.vx += (300-this._x)/100;濡傛灉缁撴灉涓篺alse锛涢偅涔堝厓浠跺唴鐨勫彉閲廣X閫掑300鍑忚嚜韬玐鍧愭爣鍊...
绛旓細瑙夌殑鑷繁鐨勭浉鐗囨媿鐨勪笉濂界湅锛屾墍浠ヤ笉鍠滄缁欍傛垜浠ュ墠涔熶笉缁欐垜鐢锋湅鍙
绛旓細鎴戣寰椾綘闂繖涓棶棰 鏄洜涓烘病鐪嬫噦杩欐浠g爜 var next=document.getElementById("next");//杩欏彞鏄幏鍙栬妭鐐 next.value="娌℃湁浜";//杩欏彞灏辨槸鏀瑰彉鎸夐挳鐨勬枃瀛 鎵浠ヤ綘鍦╪<3鐨勬椂鍊欏啀灏唍ext.value='涓婁竴寮'灏辫浜
绛旓細鎯冲皢鍑犲紶鍥剧墖鍒朵綔鎴愮畝鍗曠殑瑙嗛锛屾瀬鍔涙帹鑽愪綘鐢 鏁扮爜澶у笀 杞欢鐣岄潰绠娲侊紝鎿嶄綔寰堢畝鍗曪紝浣跨敤浜烘у寲锛屽姛鑳藉緢榻愬叏锛屽埗浣滅殑瑙嗛鏁堟灉闈炲父濂斤紒杩欐杞欢鍙互娣诲姞鍥剧墖锛孧TV姝岃瘝瀛楀箷锛岃儗鏅煶涔愶紝姝岃瘝锛岀壒鏁堬紝杩樺彲浠ユ彃鍏ヨ棰戠煭鐗囧拰瑙嗛鐗囧ご锛屼究鍙互鍒朵綔鍑虹敓鍔ㄥ張鐙壒鐨勭浉鍐岃棰戯紒鍦ㄥ浘鐗囧墠闈㈡垨涔嬮棿鎻掑叆瑙嗛锛岃繕鍙互瀵硅棰...
绛旓細1.鎶婂鍏ヨ棰戣建鐨勫浘鐗囷紝鎷栧埌鏈鍓嶈竟銆傝棰戣建瀵煎叆鐨勫涓礌鏉愭槸鍙互鎷栫Щ璋冩暣椤哄簭鐨勩傛妸闊充箰瀵煎叆鍒伴煶涔愯建锛屾嫋绉诲埌鍥剧墖缁撴潫瑙嗛寮濮嬬殑鏃堕棿娈典綅缃紝杩欐牱锛屽浘鐗囨挱鏀惧畬鍚庢帴鐫灏变細瑙嗛涓庨煶涔愬悓鏃舵挱鏀句簡銆2.鈥滀腑闂磋澶规潅涓浜涘瓧骞曘傝閭g鍏ㄥ睆榛戣壊鐨勨濓紝闇瑕佸埌鈥滆壊褰┾濈礌鏉愭爮閲岋紝鎶婇粦鑹插浘鐗囩礌鏉愭嫋鍒拌棰戣建闇瑕佹彃鍏ョ殑...
绛旓細鎴戝啓浠g爜浠庢潵涓嶆曡嚜宸辩姱閿,鍥犱负鎴戞湁涓棰楀己澶х殑蹇,缁忓緱浣忔壒璇勫拰鍢茶銆傞噾鏃犺冻璧,浜烘棤瀹屼汉鍢,鍐典笖鎴戜竴鐩磋涓鸿嚜宸卞氨鏄竴鏋氳彍楦,鏈潃杩欑璋﹁櫄璋ㄦ厧鐨勬佸害,涓嶉獎涓嶈簛鎵嶈兘璧板緱鏇磋繙銆 浠g爜鍑篵ug浜, 浣犲氨鍙互璺熷埆浜轰氦娴!濡傛灉浣犳病鏈夊垎浜殑鍕囨皵,鍙偗鑷繁闂峰ご瀛︿範,閭d箞涓嶅ソ鎰忔,浣犵殑鎴愰暱鏄緢鏈夐檺鐨勩傛垜鐨勭矇涓濅氦娴佺兢閲岄潰鏈変簺...
绛旓細1銆佸按灏叾瀹炴槸浜虹敓缁忓父閬亣鍒扮殑涓绉嶇姸鎬,瀹冩湁涓皬灏忕殑瑙勫緥,浣犺秺鏄鎬曞畠,瀹冨氨瓒婂紶鐗欒垶鐖,璁╀綘涓嶇煡鎵鎺傚鏋滀綘鍧︾劧澶勪箣,蹇冩兂浜洪潪瀹屼汉,璋侀兘鏈夊嚭绯楃殑鏃跺,瀹冧篃灏辨硠浜嗘皵銆2銆佽蹇嗗氨鍍忔穩绮夌暀涓嬫潵鐨勭棔杩,纰颁笂纰樿繖绉嶆樉褰辩墿璐,灏变細鍑虹幇鍙曠殑绱摑鑹叉竻鍗曘3銆佹梾閫斾笉浠呮槸琛岃蛋,鏇存槸涓庤嚜宸辩殑蹇冪伒鍜岃В銆佷笌涓栫晫娓╂煍鐩...