求點圖換背景語法

請問一下

好像是有一種語法

點了一張圖片

整個網頁的背景馬上就變成這張圖了

(不是連結唷,是語法,馬上就會變了)

謝謝!

Update:

不是啦

我是說

網頁裡面本身已經有背景

也有放圖片

圖片可以點

點了圖片

原有的背景就會變成這張圖片的語法

3 Answers

Rating
  • 1 decade ago
    Favorite Answer

    <!-- click 改變背景圖 go -->

    <center>

    <font color=#4675ff size=2>click↓↓改變背景顏色↓↓click</font>

    <span class="bgimages" onClick="tile();event.cancelBubble=true">

    <img src="http://home.pchome.com.tw/tv/k282/javascript_img/0... width="30" hight="30" border="0" alt="">

    <img src="http://home.pchome.com.tw/tv/k282/javascript_img/0... width="30" hight="30" border="0" alt="">

    <img src="http://home.pchome.com.tw/tv/k282/javascript_img/0... width="30" hight="30" border="0" alt="">

    <img src="http://home.pchome.com.tw/tv/k282/javascript_img/0... width="30" hight="30" border="0" alt="">

    <img src="http://home.pchome.com.tw/tv/k282/javascript_img/0... width="30" hight="30" border="0" alt="">

    <img src="http://home.pchome.com.tw/tv/k282/javascript_img/0... width="30" hight="30" border="0" alt="">

    </span>

    </center>

    <style>

    .bgimages img {cursor:hand}

    </style>

    <SCRIPT Language="JavaScript">

    function tile(){

    if (!document.all)

    return

    var source=event.srcElement

    if (source.tagName=="IMG")

    document.body.style.backgroundImage="url("+source.src+")"

    }

    function restore(){

    document.body.style.backgroundImage=''

    }

    document.body.onclick=restore

    </SCRIPT>

    <!-- click 改變背景圖 end -->

    把上面的圖片網址改掉就好囉,會改吧!

    Source(s): http://myweb.hinet.net/home11/bear1234/ 意外找到...做的還不錯!!
  • 1 decade ago

    若您有一張圖名為x.jpg,我用css將滑鼠移入圖片時就變成手指!語法如下:<img src="x.jpg" style="cursor:hand;" onclick="javascript:body.background=this.src;">

    2006-01-26 20:44:24 補充:

    或者是:<img src="x.jpg" style="cursor:hand;" onclick="javascript:document.body.style.backgroundImage='url('+this.src+')';">

    2006-01-26 20:49:49 補充:

    或是在<body></body>內寫入:<script language="javascript">function chg_pic(){ var k=event.srcElement; if(k.tagName=='IMG') document.body.style.backgroundImage='url('+k.src+')';}document.body.onclick=chg_pic;</script>

    Source(s): 自己
  • 1 decade ago

    1背景固定

    <!--在<BODY>之內加入下列語法-->

    bgproperties="fixed"

    2左上固定

    <!--在<head>與</head>之間加入下列語法-->

    <STYLE type="text/css">

    <!--

    BODY {

    background-image : url("圖檔名稱.jpg");

    background-attachment: fixed;

    background-position:0% 0%;

    background-repeat: no-repeat;}

    -->

    </STYLE>

    3左下固定

    <!--在<head>與</head>之間加入下列語法-->

    <STYLE type="text/css">

    <!--

    BODY {

    background-image : url("圖檔名稱.jpg");

    background-attachment: fixed;

    background-position:0% 100%;

    background-repeat: no-repeat;}

    -->

    </STYLE>

    4右上固定

    <!--在<head>與</head>之間加入下列語法-->

    <STYLE type="text/css">

    <!--

    BODY {

    background-image : url("圖檔名稱.jpg");

    background-attachment: fixed;

    background-position:100% 0%;

    background-repeat: no-repeat;}

    -->

    </STYLE>

    5右下固定

    <!--在<head>與</head>之間加入下列語法-->

    <STYLE type="text/css">

    <!--

    BODY {

    background-image : url("圖檔名稱.jpg");

    background-attachment: fixed;

    background-position:100% 100%;

    background-repeat: no-repeat;}

    -->

    </STYLE>

    6中央固定

    <!--在<head>與</head>之間加入下列語法-->

    <STYLE type="text/css">

    <!--

    BODY {

    background-image : url("圖檔名稱.jpg");

    background-attachment: fixed;

    background-position:50% 50%;

    background-repeat: no-repeat;}

    -->

    </STYLE>

    Source(s): 給您6個常用背景語法
Still have questions? Get your answers by asking now.