
作者:微信公开课+
作品:微信公开课
地区:全国小程序
标签:教育,工具,微信公开课,资讯
描述:微信公开课是微信官方与小程序行业合作伙伴沟通交流的微信小程序社区,为线下微信小程序公开课的免费授课提供线上的相关服务,包括查阅小程序活动议程、参与小程序活动互动以及回顾小程序课程内容等。
声明:作者对小程序服务信息内容及运营行为等真实性/合法性及有效性承担全部责任
订阅微信公开课小程序
-
html5如何实现弹出提示框,并且伴随遮罩层并且可以关闭弹出框
2019-03-12 17:01:43微信公开课小程序热门讨论「html5如何实现弹出提示框,并且伴随遮罩层并且可以关闭弹出框」最新回复-通过jquery的show()和hide()函数联合使用,实现弹出窗口。一、show()和hide()函数解析:1、show()方法显示隐藏的被选元素。注意:show()适用于通过jQuery方法和CSS中display:none隐藏的元素(不适用于通过visibility:hidden隐藏的元素)。2、hide()方法隐藏被选元素。这与CSS属性display:none类似,但是隐藏的元素不会被完全显示(不再影响页面的布局)。二、设计一个HTML页面,包括一个简单的弹出窗,和一个显示按钮。其中,调用了jquery的以上两个函数。具体代码如下:三、设计遮罩层的样式,如下:四、弹出窗口的css样式,代码如下:五、初始页面如下:六、点击按钮,查看弹出窗口结果:七、关闭弹出窗后,打开开发者中心,如下:
你好,遮罩层样式可以用CSS写,用js/jquery控制显示隐藏就可以了!DOCTYPEhtmlhtmlheadlang=enmetacharset=UTF-8title/titlescriptsrc=js/jquery-1.8.3.min.js/scriptstyle*{padding:0;margin:0}.box{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none;}.box1{width:500px;height:500px;position:fixed;left:50%;top:25%;margin-left:-250px;border:1pxsolid#000000;}/stylescript/script/headbodydivclass=boxdivclass=box1ahref=javascript:;onclick=jQuery(.box).hide()class=close关闭/a/div/divahref=javascript:;onclick=jQuery(.box).show()class=show显示/a/body/html 追问你好,非常感谢,代码可用,但是有个问题ahref=javascript:;这边为什么要加一个javascript:,可不可以不加,或者替换成别的代码?追答 完全可以去掉href,这里只是个示例,完全可以用button代替,看自己的习惯,我这里用的是a标签 希望可以帮助到你,望采纳本回答被提问者和网友采纳 更多有关「html5如何实现弹出提示框,并且伴随遮罩层并且可以关闭弹出框」的疑问请扫码关注微信公开课+小程序! -
html中怎样使button中添加的图片处于上半部分,而下半部分是我添加的文字??? 用CSS可以吗??、
2019-03-12 17:01:43微信公开课小程序热门讨论「html中怎样使button中添加的图片处于上半部分,而下半部分是我添加的文字??? 用CSS可以吗??、」最新回复-使用背景图就可以了。。button这是个按钮/button样式:button{background:url(背景图片地址)norepeatcentercenter/100%50%}然后使用paddingtop控制文字的偏移
用div分别把button和文字套住,然后用绝对定位。试试看本回答被提问者采纳 更多有关「html中怎样使button中添加的图片处于上半部分,而下半部分是我添加的文字??? 用CSS可以吗??、」的疑问请扫码关注微信公开课+小程序! -
html搜索框按钮放大镜怎么做出来,
2019-03-12 17:01:43微信公开课小程序热门讨论「html搜索框按钮放大镜怎么做出来,」最新回复-那个本来就不是在文本框中添加的按钮文本框在左边,按钮在右边至于你看起来像按钮在文本框里
一楼说的对啊 放大镜在右边本身是个按钮css改得让你看着像是在type=“text”里面 或者改变type 为search也有放大镜 更多有关「html搜索框按钮放大镜怎么做出来,」的疑问请扫码关注微信公开课+小程序! -
input标签获取焦点的时候,文本框边框改变样式。有很多页面,页面中还有很多文本框,怎么写个公用方法?
2019-03-12 17:01:43微信公开课小程序热门讨论「input标签获取焦点的时候,文本框边框改变样式。有很多页面,页面中还有很多文本框,怎么写个公用方法?」最新回复-jghdream的思路是对的,不过不需要为每一个input加classinput[type=text]:focus,input[type=password]:focus{border:2pxsolid#f00;}
css版:.input_text:focus,textarea:focus{border:#4D90FEsolid1px;}直接用css就可以搞定,简单方便,省资源在input里面加一个class为“input_text”,就可以了js版的:$(form[name^=form]input,textarea).bind(focus,function(){ $(this).removeClass(input_text);});在css里定义好input_text的样式就可以了追问在每个input里面加样式很蛋疼,有上百个页面,而且每个页面里有很多input,一个一个加不得挂掉追答嗯,keneks的做法很好,我说的最好在刚开始做页面的时候在input里加class。后期改的话,keneks这种做法不错 更多有关「input标签获取焦点的时候,文本框边框改变样式。有很多页面,页面中还有很多文本框,怎么写个公用方法?」的疑问请扫码关注微信公开课+小程序! -
JS中已经知道一个日期如何获取7天后的那个日期
2019-03-12 17:01:43微信公开课小程序热门讨论「JS中已经知道一个日期如何获取7天后的那个日期」最新回复-JS实现简单获取7天后日期方法:functionfun_date(aa){vardate1=newDate(),time1=date1.getFullYear()++(date1.getMonth()+1)++date1.getDate();//time1表示当前时间vardate2=newDate(date1);date2.setDate(date1.getDate()+aa);vartime2=date2.getFullYear()++(date2.getMonth()+1)++date2.getDate();}fun_date(7);//7天后的日期扩展资料getDate:使用当地时间返回Date对象的月份日期值。getFullYear:使用当地时间返回Date对象的年份。getMonth:使用当地时间返回Date对象的月份。
将代码输入到txt,然后修改为html格式的文件。双击执行可查看7天后的那个日期。JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。代码如下:bodytabletrtdid=time/td/tr/tablescripttype=text/javascriptvard=newDate()varstr=d.getMonth()+-+(d.getDate()-7)++d.getHours()+:+d.getMinutes();document.getElementById(time).innerHTML=str;/script/body扩展资料:JavaScript基本特点:1、是一种解释性脚本语言(代码不进行预编译)。2、主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。3、可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。4、跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。参考资料:javascript_百度百科 更多有关「JS中已经知道一个日期如何获取7天后的那个日期」的疑问请扫码关注微信公开课+小程序! -
JS怎么根据输入的名字生成一个随机数
2019-03-12 17:01:43微信公开课小程序热门讨论「JS怎么根据输入的名字生成一个随机数」最新回复-functionnameRnd(name){return[...name].reduce((t,c)=(t*c.codePointAt(0))%123,1);}nameRnd(张三);//21nameRnd(李四);//95那个123是指产生的随机数会在0122的范围内,可以根据需要自己修改这里使用的是一个比较简单的哈希函数,将每个字符的编码相乘并取余处理比如上例中的张三两个字的10进制编码分别是24352,19977,那么计算过程如下24352%123=121121*19977=24172172417217%123=21
publicclassA{publicstaticvoidmain(String[]args){int[]num=newint[5];intmax,min;System.out.println(Numbersis:);for(inti=0;inum.length;i++){num[i]=(int)(Math.random()*900)+100;System.out.print(num[i]+);}max=min=num[0];for(inti=1;inum.length;i++){if(maxnum[i])max=num[i];if(minnum[i])min=num[i];}System.out.println(nMax:+max);System.out.println(Min:+min);}} 更多有关「JS怎么根据输入的名字生成一个随机数」的疑问请扫码关注微信公开课+小程序! -
js怎么获取inpu焦点,输入完1位数字后自动跳到第二个input,如此类推到第6个完成
2019-03-12 17:01:43微信公开课小程序热门讨论「js怎么获取inpu焦点,输入完1位数字后自动跳到第二个input,如此类推到第6个完成」最新回复-!DOCTYPEhtmlhtmlheadmetahttpequiv=ContentTypecontent=text/html;charset=UTF8titleRunJS演示代码/titlestyle*{margin:0;padding:0;}#wrap{margin:auto;width:300px;}#wrapinput[type=text]{width:30px;height:20px;float:left;textalign:center;}/stylescriptonload=function(){vartxts=wrap.getElementsByTagName(input);for(vari=0;itxts.length;i++){vart=txts[i];t.index=i;t.setAttribute(readonly,true);t.onkeyup=function(){this.value=this.value.replace(/^(.).*$/,$1);varnext=this.index+1;if(nexttxts.length1)return;txts[next].removeAttribute(readonly);txts[next].focus();}}txts[0].removeAttribute(readonly);}/script/headbodydivid=wrapinputtype=text/inputtype=text/inputtype=text/inputtype=text/inputtype=text/inputtype=text//div/body/html
这个用的是div吧?当点击了密码栏,开始监听。然后监听keydown事件,每输入一个,就把数字写进去。 更多有关「js怎么获取inpu焦点,输入完1位数字后自动跳到第二个input,如此类推到第6个完成」的疑问请扫码关注微信公开课+小程序! -
js怎么让选项栏上选项卡达到一定数量隐藏其余选项卡
2019-03-12 17:01:43微信公开课小程序热门讨论「js怎么让选项栏上选项卡达到一定数量隐藏其余选项卡」最新回复-给当前的div定义宽度width;然后使用overflow:hidden;超过此宽度后隐藏.就可以实现了
overfload:hidden;超出隐藏 更多有关「js怎么让选项栏上选项卡达到一定数量隐藏其余选项卡」的疑问请扫码关注微信公开课+小程序!