List l = (List)request.getAttribute("all")
for(int i==0i<l.size()i++){
实体类 a = ( 实体类)l.get(i)
%>
var url = <%=a.get属性()%>
<%
}
%>
DOM模型可以使js更好的控制我们想要实现的效果
合并成一个就可以了。
注：$(function(){})是 $(document).ready(function() {})的简化写法
$(function(){$("#news-slider").owlCarousel({
items:3,
itemsDesktop:[1199,2],
itemsDesktopSmall:[980,2],
itemsMobile:[600,1],
pagination:false,
navigationText:false,
autoPlay:true
})
$('#countdown').countDown({
targetDate: {
'day': 5,
'month': 8,
'year': 2024,
'hour': 11,
'min': 0,
'sec': 0
}
})
$('#email_field').focus(email_focus).blur(email_blur)
$('#subscribe_form').bind('submit', function() { return false })
})
有很多中写法,1.媒体查询(@media),具体怎么使用可以去w3c去查询,很好用,这个相当于css中的js命令,可以规定在浏览器可视窗口的宽度分辨率在多少的情况下执行那部分的css代码.一般用于与其他css并排使用.
2.vw,vh布局,同样可以查查w3c里面有vw和vh详细解释,简单说就是可视化窗口的百分比长度,比如20vw指可视化窗口的20%长度,经过浏览器计算,最终换算为px单位, 一般用于长度单位使用,如果你会less的话,还可以声明less变量,将一个固定设计图的尺寸写在里面供其他使用,
例子:
@vw:19.2vw//此处声明变量,并将@vw赋值为19.2vw,比如设计图的尺寸为1920px,当然没有这么大的,1920/100就是vw前面的由来
.box{
height:20/@vwwidth:100/@vw
//这里这么写就是说,你设计图本身是1920px,里面其中的一个各自为宽度100px,高度20px,那么可以将px固定单位换成/@vw这种可变单位,从而达到页面内容跟随网页可视区域大小去变动
}
3.用js去控制font-size的值,这个可以在网上去搜索,有相应的js文件,直接引入,然后类似于上面
将px单位换成rem即可,不过按照需要你自己需要手动更改换算比例,因为一般都是750px的设计图为基础,具体我这不细说了哈
4.百分布局,很久不用了,高度控制不好整体网页瘫痪,反正我是不用了,有了vh和vw,百分布局原理与这个类似,当有浏览器不支持vw,vh命令的时候可以使用百分布局,不过ie现在谁还用........
暂时说这些把,还有别的话,望大牛补充
