網頁條幅
這是javasrcipt 的一種特效:
圖片隨機顯示是一個應用非常廣泛的技巧。比如隨機banner的顯示,當你進入一個網站時它的banner總是不同的,或者總有內容不同的提示(tips),大家在網上瀏覽時會經常發現這樣的例子。使用這種技術,不但能在一定的空間里放入更多的內容,還可以給人一種經常更新的假象。其實只要你有一點點html和javascript的基礎,一切都是這么簡單。
平常我們在頁面中加入圖片都是用<img src="圖片">來完成。如果我們要隨機顯示3張不同的圖片就要對這句代碼進行小小的修改,首先加入<script>標記:
<script language=javascript></script>
然後在這段標記內把<img src="圖片">用document.write("")的型式放進去,就成了
document.write("<img src=圖片>")
現在我們來完成最關建的一段:
id=Math.round(Math.random()*2)+1
這樣取得隨機數為1,2,3將你要顯示的圖片改名為1.gif,2.gif,3.gif,ok!最後的代碼是:
<script language=javascript>
id=Math.round(Math.random()*2)+1
document.write("<img src="+id+".gif>")
</script>
試一下,是不是不錯?那如果我的每一張圖片都對應了一個超鏈接該怎麼辦呢?
我們還是來假設一下有3張圖片,1.gif,2.gif,3.gif,分別對應的鏈接是url1,url2,url3。
為了讓圖片和鏈接一一對應,我們要設置一個數組image來放置鏈接的地址,如下:
var image=new Array(3)
image.length=3
image[1]="url1"
image[2]="url2"
image[3]="url3"
為了將與圖片對應的鏈接取出來,我們還要定義一個數組imageurl=image[id]
原理是這樣的:
當頁面被讀入時,取一個隨機數,假設是2即id=2,那麼如上我們可輕松的完成2.gif在頁面的顯示。然後我們可以看到:imageurl=image[2]而image[2]="url2",剩下的事就好辦了。完整的代碼如下:
<script language=javascript>
var image=new Array(3)
image.length=3
image[1]="url1"
image[2]="url2"
image[3]="url3"
id=Math.round(Math.random()*2)+1
imageurl=image[id]
document.write("<a href="+bannerurl+">"+"<img src="+id+".gif>")
</script>
② 網頁設計怎麼設計不間斷的滾動條幅
<marquee> 內容 </marquee>
③ 網頁橫幅的代碼是什麼
網頁橫幅效果可以通過js實現。
代碼如下:
<SCRIPT type="text/javascript">
var delta=0.015;
//廣告寬度
var hbcms_ad_width = 100;
var hbcms_close_str = '<div onClick="closeBanner();"
style="color:black;font-size:9pt;cursor:hand;text-align:center;width:100%;background-color:
#efefef;line-height:200%">關閉</div>';
//圖片地址。
var hbcms_left_ad = '<img src="../PiaoFuPic/11.gif" width="100px"
height="400px"/>' + hbcms_close_str;
var hbcms_right_ad = '<img src="../PiaoFuPic/12.gif"
width="100px" height="400px"/>' + hbcms_close_str;
var delta=0.8;
var collection;
var closeB=false;
function floaters() {
this.items = [];
this.addItem =
function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX:
10; POSITION: absolute; width:'+hbcms_ad_width+'px;
height:300px;left:'+(typeof(x)=='string'?eval_r(x):x)+';top:'+(typeof(y)=='string'?eval_r(y):y)+'">'+content+'</DIV>');
var newItem = {};
newItem.object =
document.getElementByIdx_x(id);
newItem.x = x;
newItem.y = y;
this.items[this.items.length] =
newItem;
}
this.play =
function()
{
collection = this.items
setInterval('play()',30);
}
}
function play()
{
if(screen.width<=800 ||
closeB)
{
for(var
i=0;i<collection.length;i++)
{
collection[i].object.style.display =
'none';
}
return;
}
for(var i=0;i<collection.length;i++)
{
var followObj =
collection[i].object;
var followObj_x =
(typeof(collection[i].x)=='string'?eval_r(collection[i].x):collection[i].x);
var followObj_y =
(typeof(collection[i].y)=='string'?eval_r(collection[i].y):collection[i].y);
if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x))
{
var
dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx;
}
if(followObj.offsetTop!=(document.body.scrollTop+followObj_y))
{
var
dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy;
}
followObj.style.display = '';
}
}
function closeBanner()
{
closeB=true;
return;
}
var theFloaters = new floaters();
theFloaters.addItem('followDiv1','document.body.clientWidth-106',hbcms_ad_width,hbcms_right_ad);
theFloaters.addItem('followDiv2',6,hbcms_ad_width,hbcms_left_ad);
theFloaters.play();</script>
④ 如何設計一個漂亮的網頁橫幅
主要看你網頁的整體風格,以及網頁的主要呈現。才好判斷你的網頁橫幅如何設計。
⑤ 網頁中的那種橫幅圖片怎樣編輯
在FrontPage網頁中,用戶可以插入各種動畫組件,以增強網頁的動畫效果和功能。 一、橫幅廣告管理器 1、插入橫幅廣告 (1)在網頁的普通視圖中,打開需要插入橫幅廣告的網頁。 (2)將插入點定位到需要創建橫幅廣告的位置。 (3)執行菜單命令「插入/組件/橫幅廣告管理器」,打開「橫幅廣告管理器屬性」對話框(圖7-1)。 (圖7-1) (4)單擊「添加」按鈕,在「選擇文件」對話框中添加橫幅廣告內需要顯示的圖片(圖7-2)。單擊「確定」按鈕。
⑥ 網頁條幅怎麼做
用firework做啊,簡單的或推薦使用swftext
⑦ 網頁橫幅有兩種屬性,他們分別是
應該是D啊~~
網頁橫幅的屬性有圖片和文本,默認的是「圖片」屬性。
⑧ 如何設計網頁橫幅
點擊上圖看大圖 在一個簡單的網頁中,上方的橫幅是最重要的視覺元素。在很多博客網頁中,它甚至是唯一的視覺元素。所以它的作用可以說是相當大的。它必須能夠與網站的風格配合,並能傳達視覺上的信息。它必須讓人看上一眼就讓人知道這個網站是屬於什麼類型,風格是什麼。這個橫幅還必須能夠提供簡單明了的導航鏈接。所有這些,我們都可以通過將橫幅分成三個區域而輕松實現:每一個區域都具有自己的功能,而我們還要將這三個區域在視覺上統一,使三者具有相似性及協調性。看一下我們在本文中所介紹的例子。從劃分空間開始: 一個網頁橫幅的寬度橫跨整個網頁,而高度又相當窄。將其分成三個區域:名稱,圖片及導航鏈接。然後我們分別對其進行設計。 如何分配區域:一般來說,我們都是將名稱放在左上方,而導航欄目放在下方。其空間的分配應該慎重。空間的比例大小是根據具體的名稱(長或短)和圖片而定的,很難說有什麼最佳的比例。但是,應該避免將上方空間分成兩等份,因為分成兩等份會讓人的注意力都放在版式上,而不是放在內容上。採用不對稱的分布效果會更好。尋找一張具表現力的圖片: 一張漂亮的圖片是設計一個漂亮橫幅的關鍵。在找到照片後,我們還要仔細研究一下截取照片的哪一部分可以最有效傳達相關的信息。其實在實踐中你會發現,要發掘這一點並不難。 截取照片時應記住一點:盡可能截取能夠傳達最多信息的那一部分。在上圖這張田園式的風景圖片中,有樹,有草,有山,有陽光——看一下我們截取的部分,都將這幾個主要的圖片元素都包括了,這正是我們所需要的,面積雖比原圖小很多,但截取後的圖片所要傳達的信息不但沒有減少,而且在層次感上還加強了。圖片上有豐富的明暗區域(見黑白圖片),形成近、中、遠三種視覺效果。
⑨ 最近我在打開網頁的是時候總是有個條幅提示我用火狐瀏覽器
沒有必要,那是火狐的廣告,雖然火狐不錯,但是我很鄙視這樣的做法
你QQ空間打不開應該是伺服器的問題,過會兒會好的
如果你沒有用IE7,可以考慮換一下,個人覺得不錯。
⑩ 網頁移動條幅用什麼軟體做
只要會html 任何文本編輯器都可以啊