javascript 缓冲效果实现代码

240 阅读 0 评论 159 点赞

我是靠谱客的博主安静花生，这篇文章主要介绍javascript 缓冲效果实现代码，现在分享给大家，希望可以做个参考。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<style> 
#divid{width:30px; height:30px;left:200px;top:0px;background:#666;position:absolute;opacity:0.1;filter:alpha(opacity=10);} 
span{display:block;padding:5px; cursor:pointer;font-size:12px;} 
</style> 
 
</head>

<body> 
<span onclick="spaceTo('divid',20,{'width':500})">左放大</span> 
<span onclick="spaceTo('divid',20,{'width':10})">左缩小</span>

<span onclick="spaceTo('divid',20,{'height':500})">高放大</span> 
<span onclick="spaceTo('divid',20,{'height':10})">高缩小</span>

<span onclick="spaceTo('divid',20,{'left':200})">左移动</span> 
<span onclick="spaceTo('divid',20,{'left':700})">右移动</span>

<span onclick="spaceTo('divid',20,{'opacity':100})">透明加</span> 
<span onclick="spaceTo('divid',20,{'opacity':20})">透明减</span>

<span onclick="spaceTo('divid',20,{'width':1000,'height':200,'left':300,'top':300,'opacity':100})">联动1</span> 
<span onclick="spaceTo('divid',20,{'width':11,'height':10,'left':100,'top':100,'opacity':10})">联动2</span> 
<span id="abc"></span> 
<div id="divid"></div>

</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最后

以上就是安静花生最近收集整理的关于javascript 缓冲效果实现代码的全部内容，更多相关javascript内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(159)

本文分类：JavaScript
浏览次数：240 次浏览
发布日期：2022-04-08 01:35:05
本文链接：https://www.kaopuke.com/article/k-p-k_13_u_7_o_26_f3_12__23__6__27_.html

相关文章

Win10系统以太网显示未识别的网络解决方法

Win10系统以太网显示未识别的网络解决方法

Bootstrap零基础学习第一课之模板

Bootstrap零基础学习第一课之模板

QQ群推广网站注意的细节问题

Win7鼠标怎么设置左手使用？

Win7鼠标怎么设置左手使用？

javascript 缓冲效果实现代码

javascript 缓冲效果实现代码

PHP字符串比较函数strcmp()和strcasecmp()使用总结

PHP字符串比较函数strcmp()和strcasecmp()使用总结

FileZilla Server 550 No connections allowed from your IP

FileZilla Server 550 No connections allowed from your IP

linux backtrak无线配置教程

linux backtrak无线配置教程

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部