HTML、CSS和Javascript问题

  • 时间:
  • 分类: Python

大家好,我当时正在创建一个网站. 实际上,我发现了一个与CSS和JavaScript有关的令人困惑的问题,而不是真正的HTML. 问题是,我实际上希望我的欢迎屏幕页面是随机图像(3个图像中有1个图像将由JavaScript代码随机选择)

选择 | 换行 | 行号
  1. <script language=JavaScript>
  2.     images = new Array(3);
  3.  
  4.     images[0] = "<img border='0' src='Images/EmmaWatson1.jpg' width='800' height='500'>";
  5.  
  6.     images[1] = "<img border='0' src='Images/EmmaWatson2.jpg' width='800' height='500'>";
  7.  
  8.     images[2] = "<img border='0' src='Images/EmmaWatson3.jpg' width='800' height='500'>";
  9.  
  10.     index = Math.floor(Math.random() * images.length);
  11.  
  12.     document.write(images[index]);
  13. </script>
  14.  

我决定在图像中添加一层(翻转图像按钮),但是此方法似乎在高分辨率监视器中无法正常工作. www.heaventure.com/emmawatson 尝试恢复页面,您将看到. 我的第一个问题是,是否有Ayway可以在不使用百分比或绝对位置的情况下修复层()? 因此,可以正确看到该层到高分辨率监视器. 在解决这个问题之后,我决定将图像切成三部分,然后将其放入桌子中. 我正在使用CSS"背景图像"将每个切片都放在桌子上. 它可以正常工作,而没有监视器分辨率问题. 但是,它只能工作一张图像. 我仍然想在欢迎屏幕上使用3个随机图像. 请看看以下代码

选择 | 换行 | 行号
  1. <style type="text/css">
  2. .leftside-top-bgimage{
  3.   background-image: url(images_only/EmmaWatson1_01.jpg);
  4. }
  5. .leftside-bottom-bgimage{
  6.   background-image: url(images_only/EmmaWatson1_03.jpg);
  7. }
  8. .rightside-bgimage{
  9.   background-image: url(images_only/EmmaWatson1_02.jpg);
  10. }
  11. </style>
选择 | 换行 | 行号
  1. <body>
  2. <table width="800" align="center" border="0" cellpadding="0" cellspacing="0">
  3.   <tr>
  4.     <td width="245" height="180" valign="bottom" align="right" class="leftside-top-bgimage">
  5.         <!-- Layer for rollover image is here-->
  6.     </td>
  7.     <td width="555" height="500" rowspan="2" class="rightside-bgimage">
  8.  
  9.     </td>
  10.   </tr>
  11.   <tr>
  12.     <td width="245" height="320" class="leftside-bottom-bgimage">
  13.  
  14.     </td>
  15.   </tr>
  16. </table>
  17. </body>
  18.  

我的第二个问题是,如何将我的JavaScript随机图像代码与CSS结合在一起? 以及如何将其嵌入HTML中? 注意,我为每个欢迎屏幕有3片图像(欢迎屏幕的3张图像)

# 回答1

对于HTML/CSS,以下是必须进行的更正: 1)您没有医生. 没有一个人,您处于"怪异模式",这不是"一件好事". 请参阅上面" HTML/CSS文章"部分中有关Doctypes的文章. 使用"严格". 2)您的字符组应为UTF-8. 3)是 4)Align ="中心"是几年前的弃用. 两者在HTML中都是无效的. 5)您使用的是XHTML结束标签 - /> - 但尚未声明为XHTML. 卸下斜线. 6)HTML/CSS中没有层. 致电Div div,否则您将造成混乱. 7)当您决定切片图像并使用桌子时,您可能已经从一个简单的解决方案到困难的解决方案做出了. 切勿使用表进行布局. 现在,我已经遇到了明显的问题,而早晨的雾气正在举起,我将看看是否需要将其转移到JavaScript论坛上.
# 回答2

修复上述这些错误后,验证您的HTML和CSS是否有其他错误. 这似乎是一个大多数JavaScript问题,所以我在那儿发送.
# 回答3

您对随机图像的JavaScript似乎很好. 您想在翻车上出现什么?
# 回答4

我还有一些问题, 之间的区别是什么? 基于主持人Drhowarddrfine所说的:"永远不要将表用于布局",那么我应该将什么用于布局?
# 回答5

语言属性是几年前弃用的. 您应该设置类型. 您应该使用CSS. 表应该用于数据,而不是布局.
# 回答6

感谢所有的帮助.
# 回答7

别客气. 如果您还有其他问题,请再次发布.

标签: Javascript

添加新评论