jQuery 语音文字滚屏特效代码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

12 44 15



特效描述:语音文字滚屏。语音,文字滚屏,弹幕,发弹幕,点赞(适用于移动端),调用了(元素周期表插件)可用于微信分享页面或者3D风格页面。

代码结构

1. 引入CSS

<link rel='stylesheet' href="css/reset.css">
<link rel='stylesheet' href="css/index1.css">

2. 引入JS

<script src="https://www.jq22.com/jquery/jquery-1.7.1.js"></script>
<script src='index.js'></script>

3. HTML代码

		<div id="wrap">			
			<nav class="navbox">
				<div class="navContent">
					<div class="navList c-wenzi">
						<i class="navIco-wenzi navico"></i>
						<span class="navText">
							文字开关
						</span>
					</div>
					<div class="navList c-yuyin"> 
						<i class="navIco-yuyin navico"></i>
						<span class="navText">
							音乐开关
						</span>
					</div>
					<div class="navList c-tanmu">
						<i class="navIco-tanmu navico"></i>
						<span class="navText">
							弹幕开关
						</span>
					</div>
					<div class="navList c-fatan">
						<i class="navIco-fatan navico"></i>
						<span class="navText">
							发弹幕
						</span>
					</div>
					<div class="navList c-src">
						<i class="navIco-src navico"></i>
						<span class="navText">
							空中俯瞰
						</span>
					</div>
					<!--<span><i class="navIco-share navico"></i></span>-->
				</div>					
				<div class="pothook">
				</div>
			</nav>		
			<!--这里是嵌套的模型-->
			<div class="model-wrap">
				<iframe src="3d/index.html" width="100%" height="100%"></iframe>
			</div>
			<!--这里是弹幕-->
			<!--<div class="tanmu">
				<div class="tanmuContent">
					<span class="headImg"></span>
					这是一个弹幕
					<div class="praiseBox">
						<span class="t-praise t-praise1"></span>
						<span class="t-numer">123</span>
					</div>	
				</div>		
			</div>-->
			<!--send start-->
			<div class="send">
				<div class="s_fiter">
					<!--<div class="s_con">-->
						<input type="text" class="s_txt" maxlength="12" placeholder="发送弹幕,最多可写12字"/>
						<div class="s_sub"></div>
						<!--<input type="button" value="发送" class="s_sub"/>-->
					<!--</div>-->
				</div>
			</div>
			<!--end send-->
		</div>
		<audio src='http://jqueryplugins.qiniudn.com/jq22m1.mp3' class="audio"></audio>
		<div class="bz">
			<div class="bzContent">
				jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
			</div>	
		</div>
		<div class="initScreen initS">
			<h3>功能介绍</h3>
			<ol class="ollist">
				<li><i></i>文字开关控制字幕</li>
				<li><i></i>语音开关控制声音</li>
				<li><i></i>弹幕开关控制弹幕显示</li>
				<li><i></i>发弹幕开关可以发送弹幕</li>
				<li><i></i>空中俯瞰切换外景俯瞰</li>
			</ol>
			<span class="tanClose"></span>
		</div>
		<script src='index.js'></script>	



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到