100字范文 > 兼容ie ff div 层打开+关闭+ 拖动+遮罩+移动+动画改变高宽【javascript】

兼容ie ff div 层打开+关闭+ 拖动+遮罩+移动+动画改变高宽【javascript】

时间：2020-10-24 20:10:35

web前端|js教程

兼容ie，firefix,ff,div

web前端-js教程

1 拖动+遮罩+移动+改变元素大小

远航模块源码,vscode插件从零到一,ubuntu下gedit,jar导不进tomcat,程序爬虫大师,怎么添加数据库php,铜山县seo优化推广价格lzw

popper.w’s code

java 读取网页源码,vscode 输入div,vm装ubuntu怎么调,tomcat ui端口,解密sqlite3,form表单js验证插件下载,前端有哪些网站框架,python爬虫怎么保存,编码转换php,南充seo公司,简单网站左侧导航栏,网页图片模板,ecshop模板装修源码,wordpress页面专题,php教室申请管理系统,小程序后台api tplzw

body{text-align:center}#dd{ margin:50px auto}#odiv{ width:400px; height:200px;border:1px dotted red; border:1px dashed green;}#odiv ul{ list-style:none; text-align:left; width:150px; font-size:11px;}#odiv ul li{height:25px; line-height:25px; border-bottom:1px dashed green;}#ho{ width:150px; height:150px; border:1px dotted red}

双击关闭

“; XslideDown(cDiv,”width”,getCover().X-25,50); XslideDown(cDiv,”height”,getCover().H,30); cDiv.ondblclick=function(){ cDiv.parentNode.removeChild(cDiv); } };this.stop=function(){ cDiv.parentNode.removeChild(cDiv);}; } function getCover(){var m={}m.H=screen.availHeight>document.documentElement.scrollHeight?screen.availHeight:document.documentElement.scrollHeight;m.X=screen.availwidth>document.documentElement.scrollWidth?screen.availWidth:document.documentElement.scrollWidth;return m; }

网狐荣耀棋牌最全源码,vscode怎队第二,3519装ubuntu,tomcat端口测试方法,小脑爬虫脑,优化数据库方法 php,湖北工厂seo推广开户,网站源码和成品的区别,bootstrapl表单模板lzw

Just a Test

什么时候能拖动我啊

Author:popper.w

Email:popper11@

QQ:84101340

webSite: [url][/url]

$(“test1”).onclick=function(){ XslideUp($(“odiv”),”height”,20,10); } $(“test2”).onclick=function(){ XslideDown($(“odiv”),”height”,200,10); } $(“test3”).onclick=function(){ XslideUp($(“odiv”),”width”,100,10); } $(“test4”).onclick=function(){ XslideDown($(“odiv”),”width”,400,10); } var m=new Xcover(“yellow”,50); $(“test5”).onclick=function(){////Xdrag($(“test”),$(“dd”));m.start();// } $(“test6”).onclick=function(){Xmove($(“ho”),50,100); } $(“test7”).onclick=function(){ XSetCss($(“oTitle”),{height:”30px”,lineHeight:”30px”,textIndent:”20px”,fontSize:”12px”,background:”#cbcbcb”}) Xdrag($(“ho”)) Xdrag($(“odiv”),$(“oTitle”)); }

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]2 层打开效果

body{} #main{width:500px; margin:100px; height:500px;border:1px solid red} #test{border:1px solid red;display:none;width:10px;height:10px; background:yellow}

/* popper.w code class: XopenDiv version: 1.0 date: -5-19 */

Code By popper.w

function $ (o) { return document.getElementById(o); } function XslideDown(obj,type,mX,num) { if(!type){return;} try{

} } } function XgetOffset (obj) { return { height:obj.offsetHeight, width:obj.offsetWidth, top:parseInt((obj.parentNode.offsetHeight-obj.offsetHeight)/2), left:parseInt((obj.parentNode.offsetWidth-obj.offsetWidth)/2) } } function XopenDiv(o){ o.style.display=”block”; XslideDown(o,”width”,400,10); XslideDown(o,”height”,400,10); } function XcloseDiv(o){ XslideUp(o,”width”,10,10); XslideUp(o,”height”,10,10); } $(“bt”).onclick=function(){ XopenDiv($(“test”)) } $(“bt1”).onclick=function(){

XcloseDiv($(“test”)) }

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

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。