用css3的transform加transition
1、先给一个例子,下面再做详细讲解<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>--这个例子是从左向左滚动2、各参数详解:a) scrollAmount.它表示速度,值越大速度越快.如果没有它,默认为6,建议设为1~3比较好.
<!DOCTYPE html><html><head><meta charset=＂utf-8＂ /><title> js滑块 </title><style type='text/css'>#range2{position:relative;width:148px;height:4px;font-size:0;line-height:0;background:gray;border-radius:2px;}#mea{position:absolute;top:-5px;left:
<ul> <li><a href=＂#test1＂>test1</a></li> <li><a href=＂#test2＂>test2</a></li> </ul> <div id=＂test1＂ class=＂txt1＂>111111111111111</div> <div id=＂test2＂ class=＂txt1＂>222222222222222</div>.txt1 { border: 1px green solid; padding:
一般用百分比、px都可以宽度用百分比或em,如果你只针对特定宽度的设备完全可以只用ps
把这个导航栏单独做一个html文件,如:menu.html然后用iframe加载这个文件,方法为:<iframe src=＂menu.html＂></iframe>
CSS3平滑过渡效果让宽度向左滑动的代码为:<!DOCTYPE html><html><head><style> div#transitionhovertree{float: right;width:100px;height:100px;background:blue;transition:width 2s;-moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width
向右移
这个其实不是调到第二个html页面去,而是滑动了一个层,所以让你感觉好像是跳转到第二个页面而已~去看看JQ的animate吧~看看这个你就知道了~
css3的媒体查询可以实现响应式,布局可以使用bootstarp等响应式框架很方便