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

价格

  • INPUT、SELECT等表单元素图片对齐问题

    INPUT、SELECT等表单元素图片对齐问题

    今天在写页面时，发现了一个问题，当 INPUT、SELECT 及用图片做的 button 放在一起（并排放一起）时一个高一个矮。刚开始怎么调样式都出不来结构，后来发现原来一个 vertical-align:middle 就可搞定。 归纳如下： 1、INPUT 和图片按钮对齐： <form method="post" action="ccc.asp"&g…
    前端学习
    • 3
    • 0
    JokerJoker
  • IE下radio/checkbox的change事件失效

    IE下radio/checkbox的change事件失效

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

    苹果手机将网站添加到主屏幕上的方法

    通常在 iPhone,iPad,iTouch 的 safari 上可以使用添加到主屏按钮将网站添加到主屏幕上。 <link rel="apple-touch-icon" href="/custom_icon.png"/> apple-touch-icon 是 IOS 设备的私有标签，如果设置了相应 apple-touch-icon 标签，则添加到…
    前端学习
    • 3
    • 0
    JokerJoker
  • CSS3判断横屏竖屏方式（三种）

    CSS3判断横屏竖屏方式（三种）

    很多时候，为了让手机版横竖屏时有一个理想的效果，我们都需要通过判断区间来设定相应的 css 样式，现在的 CSS3 推出了一个可以判断手机横竖屏的媒体查询。在做移动端页面的时候经常会遇到需要判断横屏还是竖屏，下面将目前已知的通过 HTML，CSS，JS 三种判断方法记录下来，方便以后翻阅。 1、通过在 html 中分别引用横屏和竖屏的样式： <link rel="styleshee…
    前端学习
    • 4
    • 0
    JokerJoker
  • CSS样式表中样式覆盖优先顺序

    CSS样式表中样式覆盖优先顺序

    有时候在写 CSS 的过程中，某些限制总是不起作用，这就涉及了 CSS 样式覆盖的问题，如下： #navigator { height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE; } .current_block { border: solid 2 #AE0; } 查找一些教材中（w3schools 等…
    前端学习
    • 4
    • 0
    JokerJoker
  • 用CSS让字体在一行内显示不换行

    用CSS让字体在一行内显示不换行

    当一行文字超过 DIV 或者 Table 的宽度的时候，浏览器中默认是让它换行显示的，如果不想让他换行要怎么办呢？用 CSS 让文字在一行内显示不换行的方法，一般的文字截断(适用于内联与块)： .text-overflow{ display:block; /*内联对象需加*/ width:31em; word-break:keep-all; /* 不换行 */ white-space:nowrap…
    前端学习
    • 13
    • 0
    JokerJoker
  • 原生态js方法实现全选复制功能

    原生态js方法实现全选复制功能

    我的 demo 网站想做一个复制代码的功能，可是原生态的 js 只有 ie 下才能实现，其他浏览器都需要 flash 来实现复制功能，我又不想用 flash，鼓捣了很久，不能复制，我起码能做一个全选的功能吧。下面是复制的代码： function selectCode(objid){ var obj = document.getElementById(objid); obj.select(); } …
    前端学习
    • 2
    • 0
    JokerJoker
  • Span之间空隙原因和解决办法

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

    span 之间的空隙，到底是什么？display:inline-block 的元素虽然能够处于同一行，但是很变态的是它们之间出现了空格，如何处理？ （例如在浮动元素居中当中，我们必须使用 display:inline-block） 实例代码 <html> <head> <meta charset="UTF-8"/> <title>…
    前端学习
    • 8
    • 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
  • CSS 中 background 属性合并写法

    CSS 中 background 属性合并写法

    上次写 CSS 样式时同时有 background-size background-positon 两个属性，但是我想合并成一个 background 来写，刚开始遇到了一些麻烦，怎么写都不生效。后面谷歌，我们应该这样子写： background：no-repeat scroll 0px 0px / 200px 29px rgba(0, 0, 0, 0); / 做分割 前面是 background…
    前端学习
    • 2
    • 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
  • 网站加入鼠标滑过抖动样式

    网站加入鼠标滑过抖动样式

    站长闲下来的时候，就四处逛逛网站，顺便扒点其他网站的代码，比如 html、css、js；都是站长通过 f12 或者 view-source 扒到的，有些代码很容易就能扒到，有些很难，比如今天分享的这个，扒了得半小时，才找到 css 具体代码！支持所有网站，wordpress、typecho、hexo 等等之类的。 代码说明： 该 css 代码，作用于 class 为 post-item 下 h2 …
    前端学习
    • 3
    • 0
    JokerJoker
  • Jquery实现页面下拉滚动加载内容

    Jquery实现页面下拉滚动加载内容

    最近要新写一个手机项目，感觉上面不是用得很舒服，然后就新写了一个，改动不是很大。 判断到底部 $(window).scroll(function () { if ($(document).scrollTop() + $(window).height() >= $(document).height()) { alert("哦哦,到底了."); } }); 如果要实现拉到底部…
    前端学习
    • 9
    • 0
    JokerJoker
  • 原生态JS的方法调用CLASS元素标签

    原生态JS的方法调用CLASS元素标签

    最近研究起来原生态的 js 来，主要因为 jquery 太冗余了，拖慢了网站的访问速度，于是就写下了下面的这段代码来替换$(“.a1”)和$(“.a2”)，希望对你们有用。 <html> <head> <title></title> <script type="text/javascript"> window.onlo…
    前端学习
    • 3
    • 0
    JokerJoker
  • 纯CSS实现小箭头的方法

    纯CSS实现小箭头的方法

    我们大多数的小箭头都是用小图片来做的，这里分享一款用纯 CSS 写的小箭头，大家可以看看，以后会放出更多的 CSS 小箭头来供大家参考。 <div class="pre-wrap"> <div class="pre"> <div class="pre1"></div> <div cla…
    前端学习
    • 4
    • 0
    JokerJoker
  • CSS3自定义webkit滚动条样式

    CSS3自定义webkit滚动条样式

    默认的滚动条样式巨丑，项目中又有比较多地方会显示滚动条，故回头翻了一下 CSS3，还真能不用插件实现自定义滚动条的样式，Webkit 支持拥有 overflow 属性的区域，列表框，下拉菜单，textarea 的滚动条自定义样式。当然，兼容所有浏览器的滚动条样式目前是不存在的。内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过 css 伪类来实现对滚动条的自…
    前端学习
    • 11
    • 0
    JokerJoker
  • HTML5中Canvas绘图各种基本图形的方法

    HTML5中Canvas绘图各种基本图形的方法

    canvas 是 html5 的一部分，当然他们说的 H5 也并不是 html5 的意思，只是表示在手机浏览器中，更侠义的是在微信浏览器中打开的酷炫的网页。曾几何时，我也觉得 canvas 真的酷爆了，各种什么烟花、酷炫的动画效果、canvas 游戏等，都燃烧着我学习的热情。后来通过学习，多看书，其实 canvas 并不复杂，要用到的东西也不多，大概整理一下： 1、绘制直线：   4 这…
    前端学习
    • 4
    • 0
    JokerJoker
  • CSS3 文字边框 -webkit-text-stroke 镂空的字体

    CSS3 文字边框 -webkit-text-stroke 镂空的字体

    其实一直没用过这个属性，发现还可以有很不错的效果，就二行代码就搞掂，分享下 CSS 边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke 可以为文字添加边框。它不但可以设置文字边框的宽度，也能设置其颜色。而且，配合使用 color: transparent 属性，还可以创建镂空的字体！ 代码如下： h3 { color: transparent; -webkit-tex…
    前端学习
    • 3
    • 0
    JokerJoker
  • HTML中调用返回上一页代码

    HTML中调用返回上一页代码

    <a href=”javascript :history.back(-1)”>返回上一页</a> 或者： <a href=”javascript :;” onClick=”javascript :history.back(-1);”>返回上一页</a> 如果是用按钮做的话就是： <input type=”button” name=”Submit…
    前端学习
    • 13
    • 0
    JokerJoker
  • WordPress翻译中 __()、_e()、_x、_ex 、 _n 的用法

    WordPress翻译中 __()、_e()、_x、_ex 、 _n 的用法

    作为 WordPress 主题或插件开发者，创客云建议大家要掌握主题或插件国际化（I18n）/本地化的实现方法，WordPress 使用了下面几个函数来方便语言本地化： __() _e() _x() _ex() _n() 以上所列的函数是用来包含所需翻译的字符串的，根据字符串的不同参数和输出类型，需要使用不同的函数。相信有不少朋友还是不太明白这几个函数的区别和用法，下面就来详细说说。 __() 和…
    前端学习
    • 11
    • 0
    JokerJoker
  • jQuery判断鼠标向上滚动并浮动导航

    jQuery判断鼠标向上滚动并浮动导航

    判断鼠标向上滚动，或者向下滚动，可以通过对比用户的上一次滚动的坐标和下一次的坐标，当上一次小于下一次时，即用户在向下滚动，反之，则说明用户在向上滚动。滚动的坐标值可以取窗口的 scrollTop。为啥会有这个需求呢？有没有发现在一国外的一些网站，当你向上滚动时，导航条浮动在顶部位置。用户如果是想看内容就可以直接点击到达，省去很多拖动的时间，当然返回顶部也是比较容易。但有时候返回顶部这个按钮往往被人…
    前端学习
    • 10
    • 0
    JokerJoker
  • 图片垂直水平居中CSS实现方法

    图片垂直水平居中CSS实现方法

    在前端开发制作中，图片垂直居中对齐是很常见的，有些是固定高度，有些没有固定高度，分享几种使用 CSS 实现图片垂直&&水平居中的方法，有些可能并不能兼容所有浏览器，大家可以自行选择： 方法一： html { width:100%; height:100%; background:url(logo.png) center center no-repeat; } 方法二： img { …
    前端学习
    • 7
    • 0
    JokerJoker
  • WordPress 为媒体添加自定义字段

    WordPress 为媒体添加自定义字段

    WordPress 中，我们可以很轻松的使用插件或者写代码为文章或页面添加自定义字段。可能是因为使用的场景不多，支持为媒体添加自定义字段的插件和教程确很少。 在这篇文章中，我们一起来看一下怎么为 WordPress 媒体添加自定义字段。实现代码其实很简单，也完全没必要用插件来实现。最终实现的效果如下图所见。 首先，为媒体添加自定义字段表单 在下面的代码中，我们使用 attachment_field…
    前端学习
    • 4
    • 0
    JokerJoker
  • font-face 字体文件跨域解决办法字体跨域

    font-face 字体文件跨域解决办法字体跨域

    开发网站的时候经常会调用不同域名下的字体文件（同源策略禁止读取位于 ttf 文件），但是出现无限的情况，提示如下：已拦截跨源请求： 同源策略禁止读取位于 https://www.weimahe.com/fonts/fontawesome-webfont.woff?v=4.7.0 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’） 已拦截跨源请求：同源…
    前端学习
    • 13
    • 0
    JokerJoker
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

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

  • 扫码打开当前页

返回顶部