乖兔 更新于：2020-12-07 评论 ( 0 )

layui默认是在提交form表单后直接根据表单的acton动作对应的url进行跳转，这种跳转不如ajax的提交方式带给人的体验好。 网上搜索到的layui使用ajax提交表单的教程都是在调用layui的js之前先调用一下jQuery的js文件。而layui实际是内置了jq的。今天的方法就是通过内置的jq来实现ajax提交表单。 layui通过内置jQuery组件使用ajax方式提交form表单代码： 首先，引入...

乖兔 更新于：2020-12-05 评论 ( 0 )

遇到问题情境： 由于Layui部分内置模块依赖jQuery，所以没有单独引入jQuery，但是在使用$常规写法获取dom元素时，提示未定义 出现问题的原因： 由于Layui部分内置模块依赖jQuery，所以我们将jQuery1.11最稳定的一个版本作为一个内置的DOM模块（唯一的一个第三方模块）。只有你所使用的模块有依赖到它，它才会加载，并且如果你的页面已经script引入了j...

乖兔 更新于：2020-12-04 评论 ( 0 )

div在页面布局上因为没有特定的属性限制，所以样式可以更好的控制。比如制作一个漂亮的在线客服div，通过点击这个div跳转到聊天界面。 div点击后打开指定链接的代码： divonclick=window.open(http://www.xxx.com)点击div后在新窗开指定链接/divdivonclick=window.open(http://www.xxx.com,_self)点击div后在当前窗口打开指定链接/div ...

乖兔 更新于：2020-12-03 评论 ( 0 )

当鼠标移动到当前div的时候改变内部子div的样式或其他div样式，借助简单的js代码来实现。可以实现不同部位菜单导航的联动或前台不同部位的互动效果。 先来看看效果： js实现鼠标移入div后改变内部其他子div样式的全部html代码： !DOCTYPEhtmlhtmlheadmetacharset=UTF-8metaname=viewportcontent=width=device-width,initial-scale=1.0titlejs实现鼠标移入div后改变内部其他子div样式...

乖兔 更新于：2020-12-01 评论 ( 0 )

鉴于访客屏幕大小不一，所以一般会将网页的背景图尽量做大开始应大屏幕的浏览效果。但是，这也导致小屏浏览的时候因为无法显示整张图片而导致页面浏览体验变差。 这时候，使用css控制网页背景图随浏览器的宽度而实现自适应，并且将背景图进行等比例缩放，即可实现想要的效果。 纯css实现网页background背景图适应浏览器宽度的代码： backgr...

乖兔 更新于：2020-11-30 评论 ( 0 )

把网站前台的UI设计好之后，前台去浏览，有时候总觉得怪怪的。最后发现问题是因为浏览器的滚动条不协调导致的。而且，不同浏览器的滚动条还有很多差别。 这里，我们可以通过css修改浏览器scrollbar滚动条样式的方法，让页面更加美观舒适。 纯css修改浏览器scrollbar滚动条样式代码： ::-webkit-scrollbar{width:.5rem;height:.5rem;background:hsla(0,0%,100%,0.6);}::-...

乖兔 更新于：2020-11-29 评论 ( 0 )

有时候，处于营销或者其他原因，我们希望网页上的某些元素或者某个div更显眼一些，从而让访客可以关注到这些内容。而由于需要照顾网页美观协调，又不能把它改成太过显眼的颜色，比如大红色。 这时候就可以使用css3的呼吸灯效果，为内容所在div做一个闪烁的边框来实现。 css3实现div边框闪烁呼吸灯效果的代码： htmlbodyhead.arrow_box{animation:glow8...

乖兔 更新于：2020-11-29 评论 ( 0 )

在制作一些百度竞价落地页或者营销型的企业网站的时候，经常会需要在网页页面右下角展示一个固定的div，里面放置一个form表单供客户填写，用来收集客户信息。 这个功能很实用，并且只需要几行简单的css代码即可实现。 先来看一下纯div和css实现右下角固定div的效果： 纯div和css实现右下角固定div的代码示例： !DOCTYPEhtmlhtmlheadmetahttp-equiv=content-t...

乖兔 更新于：2020-11-27 评论 ( 1 )

现在网上流传的一些特别版或者修改版本的微擎小程序，在新版本的微擎中通过上传压缩包安装的方式进行安装的时候，会出现一个“此模块已设置版权保护，您只能通过云平台来安装”的提示，导致无法进行后续的安装操作，只能通过微擎平台进行在线安装。这是微擎新版本对一些插件的版权保护措施，过你是本地测试或者所使用的的小程序未在...

乖兔 更新于：2020-11-27 评论 ( 0 )

现在使用手机办公的人越来越多，而织梦cms的后台摸板还是十年前的样子。虽然在那个时候，织梦的后台是比较简洁时尚的，但是十年过去了，互联网也从pc时代发展到了野蛮生长的移动互联网时代。这个后台样式，在手机端使用起来，变得很不方便。 由于dedecms官方并没有对后台做出更新，所以网上出现很多大神分享的修改版织梦cms后台。其中以加...