做东东时都是把图片在服务器的地址存放在数据库里面，然后到浏览器中显示，但是后来发现了两个问题。 第一：为了安全起见，js是无法读取本地的图片的，不然你写一个js，岂不是可以获取任何人电脑里面的文件了。 第二：图片存在的是在服务器的硬盘上面，而不是在客户的硬盘里面，所以也是取不到的 后来在网上找方法，找的方法，都是各种转换二进制到xml中，的各种高大上的答案，然后本人又实在太懒了，就自己想了一个 方法，就是利用...
用一句代码即可搞定： 代码如下: document.execCommand("BackgroundImageCache", false, true); 当然为了其它浏览器上能正常通过，需要做下判断后调用，才更安全： 代码如下: if(Browser.isIE6){ try{ document.execCommand("BackgroundImageCache", false, true); } catch(e1){} } 平台检测代码可以这样写，摘自Ext源码： 代码如下: var Browser = {}; try{ (function(){ var idSeed = 0, ua = navigator.userAgent.toLowerC...
在html头中加入以下3句话，可以防止大部分浏览器缓存 或者js中加入类似下面的代码，让每次的链接都不一样var s=Math.random()*10; document.getElementById("checkCodeImg").innerHTML="";
将jquery和公共样式缓存到localStorage，可以减少Http请求，从而优化页面加载时间，下面的代码可以实现此功能： <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><!-- 1.缓存css、js到LocalStorage2.调用本地缓存css/js拼接到HTML页面--><script type="text/javascript">//入口函数if (window.localStorage) {initJs();initCss("css", "reset.css");} else {alert("不能使用本地...
本篇文章给大家带来的内容是关于css3如何实现文字渐变？css3实现文字渐变的三种方法（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在开发过程中，UI设计师经常会设计一些带渐变文字的设计图，给到我们程序员，而我们程序员们呢，大多都是默默地叹息传来，不过CSS3的诞生，解决了前端开发过程中的好多个难题，比如动画，遮罩等等1. 我们今天要实现的就是使用纯CSS实现渐变文字，下面是预览图片：2. 基础...
1、普通的二三级菜单<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>css菜单演示</title><style type="text/css">* {margin: 0;padding: 0;border: 0;}body {font-family: arial, 宋体, serif;font-size: 12px;}#nav {line-height: 24px;list-style-type: none;background: #666;}#nav a {display: block;width: 80px;text-align: center;}#nav a:link {color: #666;te...
PHP采集静态页面并把页面css,img,js保存的方法，静态页面css 本文实例讲述了PHP采集静态页面并把页面css,img,js保存的方法。分享给大家供大家参考。具体分析如下： 这是一个可以获取网页的html代码以及css,js,font和img资源的小工具,主要用来快速获取模板,如果你来不及设计UI或者看到不错的模板,则可以使用这个工具来抓取网页和提取资源文件,提取的内容会按相对路径来保存资源,因此你不必担心资源文件的错误url导入. 首页 index.ph...
透明往往能产生不错的网页视觉效果，先奉上兼容主流浏览器的CSS透明代码:.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }上面的几个属性分别是:opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持Firefox, Safari和 Opera.filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1.-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。-k...
在实际应用中，我们经常会遇到这样的场景，当页面加载完成后去做一些事情：绑定事件、DOM操作某些结点等。原来比较常用的是window的onload 事件，而该事件的实际效果是：当页面解析/DOM树建立完成，并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。这对于很多实际的应用而言有点太“迟”了，比较影响用户体验。为了解决这个问题，ff中便增加了一个DOMContentLoaded方法，与onload相比，该方法触发的时间更...
一、HTML代码中在编写网页代码时，各种浏览器的兼容性是个必须考虑的问题，有些时候无法找到适合所有浏览器的写法，就只能写根据浏览器种类区别的代码，这时就要用到判断代码了。在HTML代码中，区别各种浏览器的代码如下，以ie6为例<!--[if IE 6]>仅IE6可识别<![endif]--><!--[if lte IE 6]> IE6及其以下版本可识别<![endif]--><!--[if lt IE 6]> IE6以下版本可识别<![endif]--><!--[if gte IE 6]> IE6及其以上版本可识别<![endif]...
本篇文章给大家带来的内容是关于CSS中overflow-y: visible;不起作用的解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。场景最近要做的一个需求是移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片左上角要有一个删除按钮。如下图：心想：so easy, 在父容器上加一个max-width: 200px; white-space: nowrap; overflow-x: auto;不就搞定了嘛。Demo如下：<div class="contai...
这篇文章主要介绍了CSS 利用table实现五种常用布局的方法示例的相关资料，小编觉得挺不错的，现在分享给大家，有CSS源码哦，也给大家做个参考。对CSS感兴趣的小伙伴们一起跟随小编过来看看吧本文介绍了CSS 利用table实现五种常用布局的方法示例，分享给大家，具体如下：布局一：效果：代码：html：<p class="header">header</p> <p class="main">main</p> <p class="footer">footer</p>注意：p中要有内容，不然显示不出来css：body...
清除浮动 是每一个 web前台设计师 必须掌握的机能。 为什么浮动这么难？因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。 解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 我根据自己的经验总结8种清除浮动的方法（测试已通过 ie chrome firefox opera，后面三种方法只做...
这是我在一家公司面试时遇到的问题，当时没有答上来！！所以看到的小伙伴一定要注意了！！变化浏览器宽度可看到效果：左 右 中然后我们来看看代码： 第一种方法：（浮动）<style type="text/css">.left,.right,.center{border:1px solid;height:100px;text-align: center;line-height:100px;font-size:50px;}.left{float:left;width:100px;}.right{float:right;width:100px;}.center{margin:0 100px;} </style> <div><div class="l...
本篇文章主要给大家介绍如何用css after伪类清除浮动的方法。首先大家要了解什么是css浮动？使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。也可以这样理解：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。那么我们为什么要清除浮动呢？这是因为浮动元素有时会影响整体...