首页小程序CssJsphotoshophtml5seonet设计教程学习前端在线转换工具联系我

相关搜索 >> C

  • 0921js生成canvas二维码并实现下载到本地PC端阅读(13494)条2016/9/21 17:31:57

    一、简述：本着做手机端的二维码保存到本地的效果，但是没办法实现。只能在PC端实现，干脆写了下来，以便日后使用。使用了html5的canvas标签，动态创建二维码，可以自己输入url，二维码的尺寸，然后生成自己的二维码。需要使用支持html5的浏览器方可。效果图如下：二、实例代码<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&...阅读全文

    Taget：二维码 下载 js canvas 

  • 0901js操作cookie，有效期至当天晚上23点59分59秒的cookie阅读(10465)条2016/9/1 11:38:11

    今天碰到一个需要设置cookies当天23:59:59时失效的效果，此方法可以实现。//添加cookievar setCookie = function (c_name, value) { var curDate = new Date(); //当前时间戳 var curTamp = curDate.getTime(); //当日凌晨的时间戳,减去一毫秒是为了防止后续得到的时间不会达到00:00:00的状态 var curWeeHours = new Date(curDate.toLocaleDateString()).getTime() - 1; //当日已经过去的时间（毫秒） var ...阅读全文

    Taget：js cookie 时间 

  • 0826完美 全兼容 解决 文字两端对齐 justify阅读(6210)条2016/8/26 11:05:43

    text-align:justify; 所有浏览器都支持，text-justify之类的却只有IE支持，就不要考虑了。justify我的理解，使元素内部的子元素两端对齐，子元素当然只能是inline或inline-block。但justify对最后一行是无能为力的。我们在对齐姓名时，因为只有一行，当作最后一行，所以不会两端对齐的效果。姓名对齐我们比较常用的是&ensp;（半个中文空格），&emsp;（一个中文空格）来添充两个字，三个字的姓名，使包括四字的姓名都能对齐。例如： 欧阳大...阅读全文

    Taget：对齐 兼容 css 

  • 0818给li设置float浮动属性之后，无法撑开外层ul的问题。阅读(6032)条2016/8/18 15:28:14

    最近在项目中有好几次遇到这个问题，感觉是浮动引起的，虽然用<div style="clear:both"></div>解决了，但自己不是特别明白，又在网上查了相关内容，是因为给li设置了浮动之后它就脱离当前正常的文档流，所以没办法撑开外层ul的高度。以下面代码为例，其实有好几种解决方法，我用的这种并不是最简单的。<!DOCTYPE html ><html ><head><meta charset="utf-8"><title>给li设置fl...阅读全文

    Taget：css 浮动 

  • 0719.net自动合并输出css或js的解决方案附实例下载阅读(5354)条2016/7/19 16:25:42

    一、概述这是一个基于 aspnet 的自动合并输出js和css的解决方案。由ashx动态获取所要合并的文件，然后输出成一个文件。目的是为了减少服务器请求。当然在合并的过程中需要注意一些问题下面会讲到。底部附有下载地址,效果如下： 二、使用方法：//file参数是ashx接收需要合并的文件，多个以豆号(英文)隔开，文件位置最好也是使用绝对地址，这样不管在哪里都可以调用得到 //t参数是类型，js/css//如果怕有缓存可以加随机参数在此不作演示<!...阅读全文

    Taget：ashx css js 

  • 0708js的window.onscroll事件兼容各大浏览器！阅读(7270)条2016/7/8 16:54:41

    为窗口添加滚动条事件其实非常的简单，window.onscroll=function(){};注意在获取滚动条距离的时候谷歌不识别document.documentElement.scrollTop，必须要加上document.body.scrollTop；即var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;这样才能兼容各个浏览器！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...阅读全文

    Taget：js scroll 兼容 

  • 0708jQuery日期插件 支持移动、PC端阅读(8041)条2016/7/8 15:28:36

    一、概述本实例特效代码是一款依赖于jq,iScroll滑动插件，效果偏向于手机移动端的，所以请用支持HTML5+CSS3主流浏览器预览效果，手机查看效果更佳哦。（兼容测试：FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器）样式不附加任何图片，能自动定位到当前系统日期。修复了以前在网络上下载下来了好几个BUG。大家如果喜欢可以去文章底部下载。效果如下图所示:二、使用说明1、CSS样式：<link rel="stylesheet" type="text/css&...阅读全文

    Taget：jq 日期 移动端 插件 

  • 0524localstorage（本地存储）简单封装阅读(6393)条2016/5/24 16:57:14

    说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示：最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javascript的用户不存在了一样。 userData是IE的东西，垃圾。现在用的最多的是Flash吧，空间是Cookie的25倍，基本够用。再之后Go...阅读全文

    Taget：html5 存储 插件 

  • 050912个JavaScript技巧阅读(4756)条2016/5/9 16:56:55

    在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测，只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false，反之返回的是true。比如下面的示...阅读全文

    Taget：js 技巧 

  • 0504解决中文Chrome内核浏览器最小字体的BUG 阅读(5467)条2016/5/4 9:42:01

    最近在做个小字体的内容展示，发现一个奇怪的问题，在Chrome内核的浏览器里，最小字体是12px，比这再小的字体都被统一显示了12px了。在网上搜索了一下才知道。因为中文字体在小于12px的情况下会遇到阅读困难的问题，所以Chrome把最小的字体设置成了12px了。解决的办法有改配置和加样式两种，这里就介绍一下样式修改的方式，因为你不可能要求所有访问都都改浏览器配置吧？哈哈~在网页样式里加上这一句后，就可以显示更小的字体了。-webkit-text-s...阅读全文

    Taget：css chrome bug 

  • 0412Sublime Text 3自动完成插件px值转rem值阅读(9088)条2016/4/12 17:10:27

    一个CSS的px值转rem值的Sublime Text 3自动完成插件。本文件结尾附使用演示链接。插件效果如下：安装 克隆项目   https://github.com/hyb628/cssrem.git进入packages目录：Sublime Text -> Preferences -> Browse Packages...复制下载的cssrem目录到刚才的packges目录里。重启Sublime Text。配置参数参数配置文件：Sublime Text -> Preferences -> Package Settings -> cssrempx_to_rem - px转rem的单位比例...阅读全文

    Taget：css rem sublime 插件 

  • 0401scrollfix置顶导航菜单插件阅读(9378)条2016/4/1 20:14:38

    1、前言本插件效果：随滚动条下拉浮动定位菜单,菜单固定到顶部。兼容了移动端+PC端（IE6+,chorme,firfox等主浏览器），使用起来特别方便。效果图如下：2、使用scrollfix插件;(function($) { $.fn.scrollfix = function(mtop, zindex, height) { var nav = $(this),obj=document.getElementById($(this).attr("id")), mtop = mtop, zindex = zindex, dftop = nav.offset().top,//dftop = nav.offse...阅读全文

    Taget：js 插件 菜单 scroll 

当前第  3  页 / 共  19  页  总共223条记录  

12345678

友情链接更多>>

九江讯城建设工程有限公司

copyright ©2008-ok22.org - ALL RIGHTS RESERUED -TEMPLATE CREATED BY CHARRY-may 3,2010 粤ICP备13053249号-1