原生js tinybox.js弹出层插件支持ajax弹出层放大缩小代码



162 647 216



特效描述:弹出层插件 ajax弹出层 放大缩小,

代码结构

1. 引入CSS

<link type="text/css" rel="stylesheet" href="style.css" />

2. 引入JS

<script type="text/javascript" src="tinybox.js"></script>

3. HTML代码

<div id="testdiv">
	<h1>TinyBox JavaScript弹出脚本</h1>
	<div style="height:20px;"></div>
	<div class="button" id="testclick1"><strong>高级功能</strong> - <em>点击查看</em></div>
	<div class="button" id="testclick2"><strong>图片</strong> - <em>点击查看</em></div>
	<div class="button" id="testclick3"><strong>定时自动隐藏</strong> - <em>点击查看</em></div>
</div>
<script type="text/javascript">
T$('testclick1').onclick = function(){
	TINY.box.show('advanced.html',1,300,150,1)
}
var content2 = "<img src='images/rhino.jpg' width='298' height='373' alt='' />";
T$('testclick2').onclick = function(){
	TINY.box.show(content2,0,0,0,1)
}
var content3 = "3秒就会消失。";
T$('testclick3').onclick = function(){
	TINY.box.show(content3,0,0,0,0,3)
}
</script>



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


热门标签: 右键菜单 文字提示框 提示框/弹出层 layer lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 弹出层拖动 窗口提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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