文章
文章用户商铺文档快讯圈子网址导航
全部标签

IP

  • IE下radio/checkbox的change事件失效

    IE下radio/checkbox的change事件失效

    今天写一个全选功能，在 chrome 和 firefox 下测试都正常实现效果，到了 ie 下死活没效果。一番周折,测试发现在 ie 中勾选了以后还要点击其他位置才会触发 onchange 事件。这种问题呢，有两种方式可以解决，用 onclick 事件代替或者用 onpropertychange 事件代替，Jquery 中也是有这种问题。 $("#radioOne").chan…
    前端学习
    • 3
    • 0
    JokerJoker
  • Span之间空隙原因和解决办法

    Span之间空隙原因和解决办法

    span 之间的空隙，到底是什么？display:inline-block 的元素虽然能够处于同一行，但是很变态的是它们之间出现了空格，如何处理？ （例如在浮动元素居中当中，我们必须使用 display:inline-block） 实例代码 <html> <head> <meta charset="UTF-8"/> <title>…
    前端学习
    • 8
    • 0
    JokerJoker
  • 通过 CSS自定义属性（CSS变量）和 JavaScript 实现高级CSS主题切换

    通过 CSS自定义属性（CSS变量）和 JavaScript 实现高级CSS主题切换

    在本教程中，我们将使用 CSS 自定义属性（也称为 CSS 变量）来为简单的 HTML 页面实现主题切换。 我们将创建暗黑和明亮的示例主题，然后编写 JavaScript 以在用户单击按钮时在两者之间切换。 如果你以前没接触过，请先阅读 CSS 变量(自定义属性)实用指南及注意事项这篇文章 就像在典型的编程语言中一样，变量用于保存或存储值。 在 CSS 中，它们通常用于存储颜色，字体名称，字体大小…
    前端学习
    • 4
    • 0
    JokerJoker
  • 彩色文字打印特效

    彩色文字打印特效

    <div id="chakhsu"></div> <script> var chakhsu = function (r) { function t() { return b[Math.floor(Math.random() * b.length)] } function e() { return String.fromCharCode(94 …
    前端学习
    • 5
    • 0
    JokerJoker
  • JavaScript中escape()、encodeURI()、encodeURIComponent()的区别

    JavaScript中escape()、encodeURI()、encodeURIComponent()的区别

    JavaScript 中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应 3 个解码函数：unescape,decodeURI,decodeURIComponent 。 下面简单介绍一下它们的区别 1 escape()函数 定义和用法 escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。 语法 esc…
    前端学习
    • 5
    • 0
    JokerJoker
  • 如何在 JavaScript 中获取 CSS 值

    如何在 JavaScript 中获取 CSS 值

    有时候单独的使用 CSS 是不够的。您可能需要使用 JavaScript 控制 CSS 值。但是你如何在 JavaScript 中获得 CSS 值？有两种可能的方式，取决于您是尝试获取内联样式还是计算样式。 获取内联样式 内联样式是存在于 HTML style 属性(attribute)中的样式。 //HTML 代码 <div class="element" style=…
    前端学习
    • 3
    • 0
    JokerJoker
  • HTML5 类名操作ClassList属性简介

    HTML5 类名操作ClassList属性简介

    常我们在操作类名时，需要通过 className 属性来添加，删除和替换类名。 因为 className 中是一个字符串，所以即使我们只是修改字符串的一部分，也要每一次都重新设置整个字符串的值。 如果一个元素有多个类名，要如何删除呢，jqeury 提供了 removeClass()这个 api，如果不用插件，自己封装，例如有下面的代码： <div class="name1 name…
    前端学习
    • 3
    • 0
    JokerJoker
  • 给菜单中UL下的某一个或某几个LI添加自定义类

    给菜单中UL下的某一个或某几个LI添加自定义类

    我们有时候在定制 WORDPRESS 主题的时候，由于菜单样式的要求我们需要给我们的 WordPress 获取到的菜单中的 UL 下的某一个或某几个 LI 添加自定义的类，比如我给客户设置制作的这个主题中，因为 LOGO 在菜单中间显示，所以我需要第四个菜单和第五个菜单的右边和左边流出一定的距离来显示 LOGO，那么这个时候如果我能给第思个菜单和第五个菜单的 LI 分别添加一个自定义类，那么我就可…
    前端学习
    • 4
    • 0
    JokerJoker
  • JS实现静态页面搜索并高亮显示的方法

    JS实现静态页面搜索并高亮显示的方法

    本文实例讲述了 JS 实现静态页面搜索并高亮显示功能。分享给大家供大家参考，具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS搜索</title> </head> <…
    前端学习
    • 8
    • 0
    JokerJoker
  • JS实现点击弹出层再点击任意位置隐藏弹出层

    JS实现点击弹出层再点击任意位置隐藏弹出层

    我们经常使用到弹出层。对于弹出层，原本的意义就是增加与用户的交互，提升用户的好感度。我们在使用的时候需要注意几个弹出层的注意点： 弹出层的界面需要统一，不一致的弹出层并不能增加美感，相反还会显得页面布局更加杂乱无章； 弹出层的设计一定要好看，按钮要符合项目的主色调； 弹出层的宽度固定屏幕占比，设置 max-width，高度根据内容自适应； 点击其他区域能隐藏弹出层。 今天，主要说说点击其他区域隐藏…
    前端学习
    • 14
    • 0
    JokerJoker
  • Javascript 实现虚线边框旋转效果

    Javascript 实现虚线边框旋转效果

    看到百度 ueditor 编辑器网站首页，底部有一个滚动虚框的效果(原谅我不会做 gif 图)，如图： 就去看了一下，开始以为是 CSS，后来打开 F12 ，哦原来是 js，那就尝试写一下吧。 HTML 部分 <div class="box"> <div class="topBorder" id="J_borTop"&g…
    前端学习
    • 9
    • 0
    JokerJoker
  • jQuery 检查一个元素是否存在然后按需加载内容

    jQuery 检查一个元素是否存在然后按需加载内容

    前端开发的过程中，我们会使用很多 jQuery 插件，jQuery 插件使用得多了，会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载 jQuery 插件会对前端性能的提升有不少帮助。按需加载的方法有很多，今天我们来说一下 jQuery 的方法。判断网页中一个元素是否存在的方法： var $selector = $('.my-elem…
    前端学习
    • 3
    • 0
    JokerJoker
  • HTML 标签属性

    HTML 标签属性

    Map 标签常用在为图像的某区域添加超链接，主要定义一个客户端图像映射，图像映射（image-map）指带有可点击区域的一幅图像。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。<img> 中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 n…
    前端学习
    • 2
    • 0
    JokerJoker
  • CSS完美实现iframe高度自适应（支持跨域）

    CSS完美实现iframe高度自适应（支持跨域）

    Iframe 的强大功能偶就不多说了，它不但被开发人员经常运用，而且黑客们也常常使用它，总之用过的人知道它的强大之处，但是 Iframe 有个致命的“BUG”就是 iframe 的高度无法自动适应，这一点让很多人都头疼万分。百度或是谷歌一下，确实很多解决方法，但尝试一下，会发现问题很多：浏览器兼容性差，不能自适应，仅支持同域 Iframe 等诸多问题，尤其是跨域 Iframe 高度自适应问题。网上…
    前端学习
    • 19
    • 0
    JokerJoker
  • Html清除浮动的几种方法介绍

    Html清除浮动的几种方法介绍

    Html 清除浮动的几种方法介绍，在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷） 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了，这时候我们就需要用到清除浮动的属性 clear， clear:left |…
    前端学习
    • 7
    • 0
    JokerJoker
  • jQuery外链新窗口打开

    jQuery外链新窗口打开

    对于外链，为了留住用户在本站，我们通常会使用新窗口打开，你可以设置 target="_blank"。然而手动一个是麻烦，另一个则是有可能会遗漏，本文通过 jQuery 查询要点击的链接，添加相关属性，使其打开新窗口。 $(document).on('click','a',function(){ var url = this.href,ha…
    前端学习
    • 2
    • 0
    JokerJoker
  • 每个IP自定义时间弹窗跳转广告代码

    每个IP自定义时间弹窗跳转广告代码

    分享一段网页自定义 ip 时间转跳弹窗的广告代码，支持自定义设置用户 IP 重复转跳网址的时间，做到每个用户，每个 IP 一定时间内不重复弹窗的功能。许多站长接广告的时候，因为弹窗价格比较高，所以经常会选择弹窗广告，不过这样对用户体验非常的差。但是如果能够设置每个用户 IP 在 24 小时内（或者自定义时间）只转跳一次，那就说得过去了，这样虽然体验也差，但总比用户每次刷新都弹要好很多。不多说，需要…
    前端学习
    • 2
    • 0
    JokerJoker
  • 你是如何学会正则表达式的？

    你是如何学会正则表达式的？

    正则表达式在几乎所有语言中都可以使用，无论是前端的 JavaScript、还是后端的 Java、c#。他们都提供相应的接口/函数支持正则表达式。但很神奇的是：无论你大学选择哪一门计算机语言，都没有关于正则表达式的课程给你修，在你学会正则之前，你只能看着那些正则大师们，写了一串外星文似的字符串，替代了你用一大篇幅的 if else 代码来做一些数据校验。既然喜欢，那就动手学呗，可当你百度出一一堆相关…
    前端学习
    • 15
    • 0
    JokerJoker
  • 半小时学会正则表达式（上）

    半小时学会正则表达式（上）

    正则表达式（Regular Expression）在代码中常常简写为 regex。正则表达式通常被用来检索、替换那些符合某个规则的文本，它是一种强大而灵活的文本处理工具。正则描述了一个规则，通过这个规则可以匹配一类字符串。 如何学习正则？ 1、学习正则表达式的语法规则 2、练习使用正则并能解决实际问题 针对上面的每个点我会分别写一篇文章来说明，用最短的时间学会正则表达式。这篇文章讲述正则表达式的语…
    前端学习
    • 6
    • 0
    JokerJoker
  • WordPress使用经验 独立的Description 和 Keywords

    WordPress使用经验 独立的Description 和 Keywords

    你下载的 WordPress 主题提供的 keywords 和 description 这两个 meta 标签一般都做得很差，或者根本就不提供，这样不利于 SEO。本文将指导你如何给主页、分类、页面以及文章页添加单独的 Description 和 Keywords。 很多人都在用 All in One SEO 插件解决这个问题，但是又有很多人说这个插件不好。大不了咱就自己用代码实现吧。下面提供露兜…
    WordPress教程
    • 19
    • 0
    JokerJoker
  • PHP中判断一个字符串包含另一个字符串的方法

    PHP中判断一个字符串包含另一个字符串的方法

    第一种方法：用 php 的 strpos() 函数判断字符串中是否包含某字符串的方法 if(strpos('www.weimahe.com','22vd') !== false){ echo '包含22vd'; }else{ echo '不包含22vd…
    前端学习
    • 13
    • 0
    JokerJoker
  • Darkmode – 网站支持炫酷暗黑模式/夜间模式

    Darkmode – 网站支持炫酷暗黑模式/夜间模式

    Darkmode.js 这个东西还是挺好玩的，非常易于使用，只需一段代码就可以让你的网站支持暗黑模式，安装好之后，在网页的右下角有一个圆形按钮，点击即可切换白天/夜晚模式。Darkmode.js 是开源的项目，所以可以免费玩耍 ，不过如果想玩的好，还是需要点技术的。这篇文章就来看看如何安装这个 Darkmode.js。 官网：https://darkmodejs.learn.uno/ Github…
    前端学习
    • 16
    • 0
    JokerJoker
  • 除了最后一个元素之外其他元素之间添加分隔符

    除了最后一个元素之外其他元素之间添加分隔符

    除了最后一个元素之外其他元素之间添加分隔符，您可以使用标准的 CSS 来做到这一点： li:after { content: ','; } li:last-of-type:after { content: ''; } 我更喜欢单独的规则，但如果稍微少一个更简洁： li:not(:last-of-type�…
    前端学习
    • 7
    • 0
    JokerJoker
  • 解决absolute绝对定位高度塌陷无法撑开父元素

    解决absolute绝对定位高度塌陷无法撑开父元素

    网站上某个元素设置了 absolute 绝对定位后，它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种 absolute 绝对定位高度问题呢？让 absolute 绝对定位的高度自动添加到父元素上。 解决 absolute 绝对定位高度问题，一般有二种方法。 第一种就是给父元素添加一个固定的高度值，这样就不会有父元素高度为 0 的情况了。 第二种是使用 JQUERY 来获取 …
    前端学习
    • 15
    • 0
    JokerJoker
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

  • 扫码打开当前页

返回顶部