菜单

layer弹窗插件操作方法详细解释_javascript技艺_脚本之家

2020年3月20日 - www.2138.com

正文实例陈述了layer弹窗插件操作方法。分享给大家供我们参谋,具体如下:

本文实例叙述了JavaScript数据构造与算法之检索算法。分享给大家供我们参照他事他说加以考察,具体如下:

layer弹窗插件操作方法详细解释_javascript技艺_脚本之家。1、首先去

javascript数据构造与算法—检索算法

2、在网址上有演示验证

/*只需要查找元素是否存在数组,可以先将数组排序,再使用二分查找法*/function qSort{ if  { return []; } var left = [];//存储小于基准值 var right = [];//存储大于基准值 var pivot = arr[0]; for (var i = 1; i < arr.length; i++) { if  { left.push; } else { right.push; } } return qSort.concat;//递归}/*二分查找法,基本原理如下:* 将数组的第一个位置设置为下边界.将数组的最后一个元素所在的位置设置为上边界。* 若下边界等于或小于上边界,则做如下操作:*  除以2.* . 如果中点的元素小于查询的值,则将下边界设置为中点元素所在下标加1.* . 如果中点的元素大于查询的值,则将上边界设置为中点元素所在下标减1.* . 否则中点元素即为要查找 的数据,可以进行返回。*/function binSearch { var lowerBound = 0; var upperBound = arr.length - 1; while(lowerBound <= upperBound) { var mid = Math.floor((upperBound + lowerBound)/2); if { lowerBound = mid + 1; }else if { upperBound = mid - 1; }else { return mid; } } return -1;}/**计算重复次数*当binSearch()函数找到某个值时,如果在数据集中还有其他相同的值出现,那么该函数会定位在类似值的附近。*换句话说,其他相同的值可能会出现已找到值的左边或右边。*如果在数据集中能找到这个值,那么这个函数将开始通过两个循环来统计这个值出现的次数。*第一个循环向下遍历数组,统计找到的值出现的次数,当下一个值与要查找的值不匹配时则停止计数。*第二个循环向上遍历数组,统计找到的值出现的次数,当下一个值与要查找的值不匹配时则停止计数。* */function count { var count = 0; var position = binSearch; if  { ++count; for (var i = position-1; i > 0; --i) { if  { ++count; } else { break; } } for (var i = position+1; i < arr.length; ++i) { if  { ++count; } else { break; } } } return count;}var nums = [90,43,49,15,23,2,70,23,20,95,69,23,29,26];var list = qSort;console.log;var findnum = 23;console.log("需要查找的数据为: " + findnum);var retVal = binSearch;if  { console.log( "找到 " + findnum + "的位置为: "+retVal);}else { console.log;}console.log(findnum + "重复次数为"+count;
function openadd(){ $str=$;//&#21152;&#36733;&#24377;&#31383;&#20869;&#23481; layer.open({ type: 1, //&#24377;&#31383;&#31867;&#22411; title: '&#26174;&#31034;&#26631;&#39064;', //&#26174;&#31034;&#26631;&#39064; closeBtn: 1, //&#26159;&#21542;&#26174;&#31034;&#20851;&#38381;&#25353;&#38062; shadeClose: true, //&#26174;&#31034;&#27169;&#24577;&#31383;&#21475; skin: 'layui-layer-rim', //&#21152;&#19978;&#36793;&#26694; area: ['600px', '440px'], //&#23485;&#39640; content: $str //&#24377;&#31383;&#20869;&#23481; });}要弹窗显示的内容

//弹窗后两秒自动关闭layer.open({ content: '通过style设置你想要的样式', style: 'background-color:#09C1FF; color:#fff; border:none;', time: 2 });//弹窗后点击关闭layer.open({ btn: ['关闭'], content:'内容' }) 

//初体验layer.alert//第三方扩展皮肤layer.alert('内容', { icon: 1, skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则,去这里查阅})//询问框layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮}, function(){ layer.msg;}, function(){ layer.msg('也可以这样', { time: 20000, //20s后自动关闭 btn: ['明白了', '知道了'] });});//提示层layer.msg;//墨绿深蓝风layer.alert('墨绿风格,点击确认看深蓝', { skin: 'layui-layer-molv' //样式类名 ,closeBtn: 0}, function(){ layer.alert('偶吧深蓝style', { skin: 'layui-layer-lan' ,closeBtn: 0 ,shift: 4 //动画类型 });});//捕获页layer.open({ type: 1, shade: false, title: false, //不显示标题 content: $, //捕获的元素 cancel: function{ layer.close; this.content.show(); layer.msg('捕获就是从页面已经存在的元素上,包裹layer的结构', {time: 5000, icon:6}); }});//页面层layer.open({ type: 1, skin: 'layui-layer-rim', //加上边框 area: ['420px', '240px'], //宽高 content: 'html内容'});//自定页layer.open({ type: 1, skin: 'layui-layer-demo', //样式类名 closeBtn: 0, //不显示关闭按钮 shift: 2, shadeClose: true, //开启遮罩关闭 content: '内容'});//tips层layer.tips('Hi,我是tips', '吸附元素选择器,如#id');//iframe层layer.open({ type: 2, title: 'layer mobile页', shadeClose: true, shade: 0.8, area: ['380px', '90%'], content: 'http://layer.layui.com/mobile/' //iframe的url}); //iframe窗layer.open({ type: 2, title: false, closeBtn: 0, //不显示关闭按钮 shade: [0], area: ['340px', '215px'], offset: 'rb', //右下角弹出 time: 2000, //2秒后自动关闭 shift: 2, content: ['test/guodu.html', 'no'], //iframe的url,no代表不显示滚动条 end: function(){ //此处用于演示 layer.open({ type: 2, title: '很多时候,我们想最大化看,比如像这个页面。', shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: ['893px', '600px'], content: 'http://fly.layui.com/' }); }});//加载层var index = layer.load; //0代表加载的风格,支持0-2//loading层var index = layer.load(1, { shade: [0.1,'#fff'] //0.1透明度的白色背景});//小tipslayer.tips('我是另外一个tips,只不过我长得跟之前那位稍有些不一样。', '吸附元素选择器', { tips: [1, '#3595CC'], time: 4000});//prompt层layer.prompt({ title: '输入任何口令,并确认', formType: 1 //prompt风格,支持0-2}, function{ layer.prompt({title: '随便写点啥,并确认', formType: 2}, function{ layer.msg('演示完毕!您的口令:'+ pass +' 您最后写下了:'+ text); });});//tab层layer.tab({ area: ['600px', '300px'], tab: [{ title: 'TAB1', content: '内容1' }, { title: 'TAB2', content: '内容2' }, { title: 'TAB3', content: '内容3' }]});//相册层$.getJSON('test/photos.json?v='+new Date, function{ layer.photos({ photos: json //格式见API文档手册页 ,shift: 5 //0-6的选择,指定弹出图片动画类型,默认随机 });});

使用在线HTML/CSS/JavaScript代码运维工具:

更多关于JavaScript相关内容可查看本站专题:《JavaScript窗口操作与手艺汇总》、《JavaScript切换特效与技能总结》、《JavaScript查找算法技艺总括》、《JavaScript错误与调解手艺总括》、《JavaScript数据构造与算法技艺计算》、《JavaScript遍历算法与手艺计算》及《JavaScript数学生运动算用法计算》

越多关于JavaScript相关内容感兴趣的读者可查阅本站专项论题:《JavaScript数学生运动算用法总括》、《JavaScript数据构造与算法技巧计算》、《JavaScript数组操作技巧总计》、《JavaScript排序算法总结》、《JavaScript遍历算法与技艺总计》、《JavaScript查找算法技艺总括》及《JavaScript错误与调治技巧计算》

但愿本文所述对大家JavaScript程序设计有所扶植。

指望本文所述对我们JavaScript程序设计有所支持。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图