2015.7.29-上海专题

今天做了专题,终于将之前轮播疑惑将解决了,和学习了做弹出层。很高兴,通过做这个专题,感觉自己又进步了一些。

1.最外层给min-width:1003px;
2.背景图片给100%;
3.wrap层给relative;1003px;
4.然后各自的内容

js效果

一、视频弹出框
1.先写一个div层全屏100%,然后背景透明,层级z-index高于原页面
2.然后写一个video的父级层,给宽高
3.写关闭按钮
4.js用embed引入视频,然后append到父级
var hrefVideo = '<embed
src="http://player.youku.com/player.php/sid/XMTI1NjEwMTYxMg==/v.swf" flashvars
="isAutoPlay=true" class="hrefVide" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="600"
height="460"></embed>';

flashvars="isAutoPlay=true" 是自动播放

type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" wmode="opaque" 是可以全屏播放

二。图片轮播中,当移动其中个小图标时,要保存当前的iThis

posted @ 2015-07-29 17:29  AlanTao  阅读(116)  评论(0)    收藏  举报