CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
可用分押宝游戏火热进行中... 专题改版:Java Web 专题
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

改变背景图片出错!!!!!

楼主xiaozx(老德)2004-09-02 20:59:53 在 Web 开发 / JavaScript 提问

<html>  
  <head>  
  <script   language=javascript>  
        function   setBg(URL)  
        {  
              document.bgExpro.background.src=URL  
        }  
  </script>  
  </head>  
  <body>  
  <b>Layer   Background</b>  
  <hr>  
   
  <layer   name="buttons"   top=50>  
   
          <input   type="button"   value="One"   onclick="setBg('1.gif')"><br>  
          <input   type="button"   value="Two"   onclick="setBg('2.gif')"><br>  
          <input   type="button"   value="Three"   onclick="setBg('3.gif')"><br>  
          <input   type="button"   value="Four"   onclick="setBg('4.gif')"><br>  
          <input   type="button"   value="Five"   onclick="setBg('5.gif')"><br>  
   
  </layer>  
   
  <layer   name="bgExpro"   bgcolor="red"   top=50   left=250   width=300   height=250   >  
  <b>  
  <font   color="white">Which   may   or   may   not   read   well   with   the   various   backgrounds.click   the   button.</font>  
  </b>  
  </layer>  
   
  </body>  
  </html> 问题点数:20、回复次数:4Top

1 楼xiaozx(老德)回复于 2004-09-02 21:00:27 得分 0

怎么不能该边背景图片呢?Top

2 楼woyingjie(Hobo)回复于 2004-09-02 21:19:13 得分 10

<html>  
  <head>  
  <script   language=javascript>  
        function   setBg(URL)  
        {  
              document.getElementById("bgExpro").style.backgroundImage="url("+URL+")"  
        }  
  </script>  
  </head>  
  <body>  
  <b>Layer   Background</b>  
  <hr>  
   
  <layer   name="buttons"   top=50>  
   
          <input   type="button"   value="One"   onclick="setBg('1.gif')"><br>  
          <input   type="button"   value="Two"   onclick="setBg('2.gif')"><br>  
          <input   type="button"   value="Three"   onclick="setBg('3.gif')"><br>  
          <input   type="button"   value="Four"   onclick="setBg('4.gif')"><br>  
          <input   type="button"   value="Five"   onclick="setBg('5.gif')"><br>  
   
  </layer>  
   
  <div   id="bgExpro"   bgcolor="red"   top=50   left=250   width=300   height=250   style="background-image:url(woyingjie.jpg)">  
  <b>  
  <font   color="white">Which   may   or   may   not   read   well   with   the   various   backgrounds.click   the   button.</font>  
  </b>  
  </div>  
   
  </body>  
  </html>  
     
   
  我用ie浏览器Top

3 楼wanghr100(灰豆宝宝.net(努力工作))回复于 2004-09-02 21:24:56 得分 10

帮你改一下.  
   
  <html>  
  <head>  
  <script   language=javascript>  
        function   setBg(URL)  
        {  
              document.all.bgExpro.style.backgroundImage='url('+URL+')';  
        }  
  </script>  
  </head>  
  <body>  
  <b>Layer   Background</b>  
  <hr>  
   
  <layer   name="buttons"   top=50>  
          <input   type="button"   value="One"   onclick="setBg('csdn.gif')"><br>  
          <input   type="button"   value="Two"   onclick="setBg('2.gif')"><br>  
          <input   type="button"   value="Three"   onclick="setBg('3.gif')"><br>  
          <input   type="button"   value="Four"   onclick="setBg('4.gif')"><br>  
          <input   type="button"   value="Five"   onclick="setBg('5.gif')"><br>  
  </layer>  
   
  <span   id="bgExpro"   bgcolor="red"   top=50   left=250   width=300   height=250   >  
  <b>  
  <font   color="white">Which   may   or   may   not   read   well   with   the   various   backgrounds.click   the   button.</font>  
  </b>  
  </span>  
   
  </body>  
  </html>  
   
  详细请查:  
  dhtml,html&css  
  下载地址:http://www.dqcn.net/net/CSDN/Book/dhtml   html&css.chmTop

4 楼xiaozx(老德)回复于 2004-09-02 21:26:38 得分 0

上面是书上的一个例子,怎么会不行呢?Top

相关问题

  • 如何改变图片的背景色?
  • 如何改变对话框的背景(图片格式)??
  • 极菜问题!TButton怎样改变背景图片?
  • 如何用javascript改变表格背景图片
  • 请问如何通过JS改变表格的背景图片?
  • 上传图片出错
  • 加载图片出错,WHY?
  • 一个在用户自定义控件中想改变Img1图片的JS但怎么出错
  • 背景图片
  • 如何在TreeView控件加上背景图片?(不是改变被景色)

关键词

  • backgrounds

得分解答快速导航

  • 帖主:xiaozx
  • woyingjie
  • wanghr100

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
世纪乐知(北京)网络技术有限公司 版权所有, 京 ICP 证 020026 号
北京创新乐知广告有限公司 提供技术支持
Copyright © 2000-2007, CSDN.NET, All Rights Reserved
GongshangLogo