论坛: 网站建设 标题: 谁说说这里面的代码 复制本贴地址    
作者: daiwai124 [daiwai124]    论坛用户   登录
<script>
if (800<=screen.width){
  titleshow()    
}
else{
  titleshow()
 }
  
function titleshow()
 {
 if(screen.width<=800)
 {
  window.alert("我爱你800")
  document.write('<div id="title" style="position:absolute; width:780px; z-index:13; left:15; top: 10px"><img src="PIX_URL" height="86" width="750"></div>')
 }
 else
 {
  window.alert("我爱你1024")
  document.write('<div id="title" style="position:absolute; width:780px; z-index:13; left:127; top: 10px"><img src="PIX_URL" height="86" width="750"></div>')
 }
}
</script>

地主 发表时间: 04/05 14:36

回复: de987 [de987]   论坛用户   登录
<script>
if (800<=screen.width){
  titleshow()    
}
else{
  titleshow()
 }
  
function titleshow()
 {
 if(screen.width<=800)
 {
  window.alert("我爱你800")
  document.write('<div id="title" style="position:absolute; width:780px; z-index:13; left:15; top: 10px"><img src="PIX_URL" height="86" width="750"></div>')
 }
 else
 {
  window.alert("我爱你1024")
  document.write('<div id="title" style="position:absolute; width:780px; z-index:13; left:127; top: 10px"><img src="PIX_URL" height="86" width="750"></div>')
 }
}
</script>
这是网页码html中的scriptjavay语句。具体的说明我已记不清啦!
大概的意思是:屏幕的显示控制。找一些html书看看就明的啦!


B1层 发表时间: 04/06 00:05

回复: aoming [aoming]   版主   登录
===============================================
发贴者:一丁

17寸显示器在今年已是无可争议的主流配置,而15寸彩显独领风骚的时间不过才两年,这一问题给网页制作带来的问题是: 15寸彩显与17寸彩显除了本身在物理显示面积上的差距外,15寸显示器还往往采用800×600分辨率,而 17寸显示器则基本采用1024×768分辨率,这就造成两类显示器在显示面积上有很大的差异。在15寸显示器上显示正常的页面到17寸下显然太小,而在17寸上效果不错的页面,到15寸下则因为太大而非常不便于浏览。显然,要把主页效果做完美,就只有把网页分做两套,一套在15寸显示器下显示,一套用于17寸显示器。 
  但关键是: 如何使电脑能根据自己的分辨率来自动选择页面呢? 
  如果制作一个主页面,分别做好“800×600”和“1024 ×768”分辨率的链接,要求浏览者根据自己显示器的情况来选择下面要进入的页面,这不就行了?但这岂不显得自己水平太业余? 

  然后又想到Dreamweaver 4.0下的behavior(动作),但查找后遗憾地发现,behavior下的动作虽然比较多,但却没有依据分辨率而设置的动作。 

  经过查阅资料和调试,终于找到了另一解决办法。把下面这个小程序置于主页面中,并把主页面取名为index.htm,当客户机从服务器下载页面时,首先读取该页面,然后根据客户机的分辨率,下载相应的页面(index.htm下链接的两个页面才是真正的主页,分别取名为“800600.htm”和“1024768.htm”)。其后链接的各页面一式两套,互不干扰(分页面内容基本相同,主要工作是调整显示的位置)。由此一来,根据不同显示器显示不同页面的目的终于达到了。 

  Index.htm的源文件如下,其中还考虑到了分辨率设为 “640×480”的14寸显示器,虽然此类显示器已经不多,但还是应该考虑到。大家在此基础上可以根据自己的具体情况进行修改。


else if ((screen.width == 800) && (screen.height == 600)) 

window.location.href= url800x600; 

else if ((screen.width == 1024) && (screen.height == 768)) 

window.location.href= url1024x768; 

else window.location.href= url640x480; 



// End --》

--------------------------------------------------------------------------------
跟帖:me 

我来跟一个,是我在遇到切换分辨率时层位置不固定时弄的。
<script>
 titleshow() 
function titleshow()
{
if(screen.width<=800)
{
 window.alert("我爱你800")
 document.write('<div id="title" style="position:absolute; width:780px; z-index:13; left:15; top: 10px"><img src="PIX_URL" height="86" width="750"></div>')
}
else
{
 window.alert("我爱你1024")
 document.write('<div id="title" style="position:absolute; width:780px; z-index:13; left:127; top: 10px"><img src="PIX_URL" height="86" width="750"></div>')
}
}
</script>

基本思路就是先用js获取屏幕分辨率,然后根据不同分辨率进行不同处理。当然处理方法很多,一丁同志说的是一种,可以直接用<link>转index1.htm/index2.htm等等。如果服务器支持CGI,其实可以将这一个过程屏蔽掉,直接用asp/php/perl后台处理了。比如用SSI:
在首页index.shtml中加入
if(screen.width<=800)
{
document.write('<!--#include file="index1.shtml"-->')
else
{
……



[此贴被 咖啡╃泡面(aoming) 在 04月10日12时20分 编辑过]

B2层 发表时间: 04/06 05:22

论坛: 网站建设

20CN网络安全小组版权所有
Copyright © 2000-2010 20CN Security Group. All Rights Reserved.
论坛程序编写:NetDemon

粤ICP备05087286号