设为首页
收藏本站
开启辅助访问
请
登录
后使用快捷导航
没有帐号?
立即注册
首页
课程设置
平面设计
室内设计
机械设计
园林景观设计
影视后期制作
论坛
老师加盟
登录
|
注册
搜索
搜索
本版
帖子
用户
快捷导航
室内设计学院
论坛
BBS
论坛
›
学院
›
平面设计学院
›
不加视频点击关闭可以关掉弹窗 加入视频之后点击关闭没 ...
返回列表
lljj
8
主题
12
帖子
52
积分
注册会员
注册会员, 积分 52, 距离下一级还需 148 积分
注册会员, 积分 52, 距离下一级还需 148 积分
积分
52
加为好友
发送消息
访问家园
0
617
电梯直达
[提问]
不加视频点击关闭可以关掉弹窗 加入视频之后点击关闭没反应 而且视频没声音
lljj
|
注册会员
|
勤币 122
|
学币 0
发表于 2018-8-10 15:12
|
复制链接
|
打印
|
上一主题
|
下一主题
JavaScript+jQuery网页前端教程
-
6.3 弹出层的细节及网页中插入视频的方法
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>弹出层</title>
</head>
<style>
.btn{width:200px;height:50px; background-color:#49A2FF;color:#fff; font-size:24px; text-align:center; line-height:50px; cursor:pointer;}
.box{width:600px; height:400px; background-color:#CCCCCC; position:fixed; top:50%; margin-top:-200px; left:50%;margin-left:-300px; display:none;}
.close{width:30px; height:30px; background-color:#FF9799; position:absolute; top:0;right:0px; color:#fff; text-align:center; line-height:30px; font-size:24px;}
.box video{width:600px; height:400px;}
</style>
<script src="js/jquery-1.11.3.min.js"></script>
<script>
$(function(){
$(".btn").click(function(){
$(".box").css("display","block");
})
$(".close").click(function(){
$(".box").css("display","none");
})
})
</script>
<body>
<div class="btn">登录</div>
<div class="box">
<div class="close">×</div>
<video src="video/video.mp4" controls></video>
</div>
</body>
</html>
点赞
26
哪些同学觉得很赞!
lori棒棒糖
觉得很赞
昵昵妹
觉得很赞
潜意式
觉得很赞
龙猫1212
觉得很赞
大大大表哥
觉得很赞
依仔101
觉得很赞
西卡
觉得很赞
一品数码
觉得很赞
热爱生活热爱家
觉得很赞
我叫大帅比
觉得很赞
举报
使用道具
|
回复
共0个回复 最后回复于 2018-8-10 15:12
返回列表
B
Color
Image
Link
Quote
Code
Smilies
高级模式
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
快速回复
返回顶部
返回列表