导航:首页 > 万维百科 > 移动网站设计代码

移动网站设计代码

发布时间:2020-11-26 06:15:58

1、网页设计如何设置网页部分内容不随着滚动条而移动移动?

div的样式中使用相当于浏览器窗口定位——position:fixed。
一、position:fixed属性的含义
fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
我们平时所说的固定定位指的就是fixed,设置了固定定位的元素不会随滚动条上下滚动。

二、一般的 position:fixed; 实现方法
#top{position:fixed;bottom:0;right:20px}
实现了id为top的元素固定在浏览器的底部和距离右边20个像素的位置
#top{position:fixed;top:20px;right:20px}
实现了id为top的元素固定在距离浏览器的顶部20个像素和距离右边20个像素的位置

三、IE6下position:fixed; 实现方法
在IE6中是不能直接使用 position:fixed; 。你需要一些 CSS Hack 来解决它
相同的还是让 <div id="top">...</div> 元素固定在浏览器的底部和距离右边的20个像素,这次的代码是:#top{
position:fixed;
bottom:0;
right:20px;
_position:absolute;

_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
right 跟 left 属性可以用绝对定位的办法解决,而 top 跟 bottom 就需要用上面的表达式来实现。其中在_position:absolute; 中的 _ 符号只有 IE6 才能识别,目的是为了区分其他浏览器

1、使元素固定在浏览器窗口的顶部:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
}
2、使元素固定距浏览器窗口的顶部a像素的位置:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
_margin-top:a;
}或者
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+a));
}
3、使元素固定在浏览器窗口的底部:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
4、使元素固定在距浏览器窗口的底部b像素的位置:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:b;
}或者
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||b)-(parseInt(this.currentStyle.marginBottom,10)||b)));
}
四、IE6下的闪动问题
问题还没有完全解决。在用了上面的办法后,你会发现:被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入:
*html{background-image:url(about:blank);background-attachment:fixed;}
其中 * html选择器hack是给 IE6 识别的。
到此,IE6 的 position:fixed; 问题已经被解决了

2、有那位大虾给我提供一些《网页设计》中让“文字、图片,移动的代码?

http://search.blueidea.com/?ie=GB2312&oe=GB2312&q=%CD%BC%C6%AC%B9%F6%B6%AF&tr=bbs
这里有很多。肯定有你想要的。

3、我已经写好了一套移动端网站的源码。我还有一个服务器,那么如何实现把源码放进去?

路由器设置外网口对应本地服务器内网,服务器假设IIS,指定WEB目录就可以

4、一个好的移动端网页设计是如何制作

你好。只是一点建议
1.让你的整个网页都适合在移动端上浏览
相比在移动端上直接操作桌面版网页,经过适配的移动网页会大大方便用户的操作使用。桌面版网页手机的小屏幕里显得窄而小,并且很难操作。经过对比,手机版的网页主要由方便操作的大按钮组成,显得简洁。
2.将主操作按钮设计得更友好
手机用户很容易忽视手机界面上的元素,所以主操作按钮要放在显要位置。手机页面的主操作按钮可能会跟桌面版的有所不同,所以你要从在用户的角度考虑,来决定你要把主操作按钮放在什么位置。
3.菜单栏要简短而中肯
桌面版网页里有丰富的菜单栏可能会很方便用户使用,但手机用户不会有耐心滑动长长的选项栏,找他们想要的东西。
望采纳

5、中国移动电子渠道系统设计要用什么知识,网页设计还是写代码?!

中国移动的电子渠道指的是中国移动在网站上设立的网上营业厅、掌上营业厅(WAP营业厅)、短信营业厅、10086自动台、自助终端在内的综合渠道。可以为客户提供缴费、查询、产品变更等服务功能。
CMCC的全称为中国移动通信集团公司(简称“中国移动”):
于2000年4月20日成立,是一家基于GSM,TD-SCDMA和TD-LTE制式网络的移动通信运营商。
中国移动通信集团公司是根据国家关于电信体制改革的部署和要求,在原中国电信移动通信资产总体剥离的基础上组建的国有骨干企业。2000年5月16日正式挂牌。
中国移动通信集团公司全资拥有中国移动(香港)集团有限公司,由其控股的中国移动有限公司(简称“上市公司”)在国内31个省(自治区、直辖市)和香港特别行政区设立全资子公司,并在香港和纽约上市。

6、网页设计图中如何把文字移动到右上角的代码?急急急

右上角? 你是要把图片跟文字并排显示吗? 如果是的话把图片设置下浮动就行了, float:left;

如果是标题要放到右上角的话, 如果是宽度没有错的情况下就设置字体位置 text-align:center;

与移动网站设计代码相关的知识