代码如下:$im = imagecreatefromjpeg($_file["upload"]["tmp_name"]); //你要打水例子的图片 $watermark = imagecreatefrompng("Smiley.png"); //水印图的路径 $im_x = imagesx($im); $im_y = imagesy($im); $w_x = imagesx($watermark); $w_y = imagesy($watermark); imagecopy($im,$watermark ,$im_x-$w_x,$im_y-$w_y,0,0,$w_x,$w_y); imagejpeg($im); //可加上路径以保存有水印的图 //可以利用type判断下图片类型 //switch($_fi...
步入正题: 现在全屏的半透明遮罩层在web2.0网站应用非常广泛了,绝大多数遮罩是通过计算页面大小,然后覆盖一个与页面同等大小的层实现,如腾讯qzone, wordpress后台。这种方式本来无可非议,但是在页面很长的时候在IE8下会失效(国外资料的解释是与机器显卡相关),有些完美情节的同学遇到这个问题后就抓破了头,无奈之下甚至想让IE8强制使用IE7的方式解析他的作品。其实我们有一个更好的方法,咱们用CSS去解决它! 还记得“posi...
本文实例讲述了JavaScript实现弹出DIV层同时页面背景渐变成半透明效果。分享给大家供大家参考,具体如下:JavaScript弹出DIV层,页面背景渐变成半透明html,body{font-size:12px;margin:0px;height:100%;} .mesWindow{border:#666 1px solid;background:#fff;} .mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;} .mesWindowContent{margin:4px;font-size...
原型:http://jquery.andreaseberhard.de/pngFix/index.html 下载:http://jquery.andreaseberhard.de/download/pngFix.zip 很方便使用:) 代码如下: ... $(document).ready(function(){ $(document).pngFix(); }); ... 脚本之家打包下载JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用...
我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e­xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat. 而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:h...
但是最近服务器端js的火爆确实因为node.js项目。在velocity china 2010大会Douglas Crockford(Yahoo!)也有一个topic《卷土重来:服务器端JavaScript》提到node.js。关于node.js的详细资料请google. node.js的非常大的一个特点就是事件驱动,在开发服务器端服务的时候显得非常方便。昨晚在新浪的@timYang也提到了node.js,估计新浪微博也注意到了它的优点。同时,淘宝最近也表示对node.js有相当的兴趣。参见:http://www.tbdata.org...
1,使用js文件使IE支持png图片透明效果。 pngfix.js: 代码如下: var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) function fixPNG(myImage) { if ((version >= 5.5) && (version < 7) && (document.body.filters)) { var imgID = (myImage.id) ? "id=" + myImage.id + " " : "" var imgClass = (myImage.className) ? "class=" + myImage.className + " " : "" var imgTitle = (myI...
如下 代码如下: 用IE开发者工具,或IE8自带的开发者工具。结构如 图1 :红色所圈之处可以看到给div添加的内联样式width,height,background都依次排列。正常!但给该div添加filter:alpha(opacity=20)后, 代码如下: 情况发生了变化,如 图2 :红色所圈之处看到,width和filter挤在一行上了。正常的情况width应该另起一行。有人也许会说这只是开发者工具没有正确显示,只要不影响页面元素正确渲染即可。的确,在IE6/7/8/9 中...
upload... #ui-upload-holder{ position:relative;width:60px;height:35px;border:1px solid silver; overflow:hidden;} #ui-upload-input{ position:absolute;top:0px;right:0px;height:100%;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;} #ui-upload-txt{ position:absolute;top:0px;left:0px;width:100%;height:100%;line-height:35px;text-align:center;} #ui-upload-filepath{ position:relative; bor...
我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,下面给大家介绍下一个js解决的方式。 首先我们要用到一个js,代码如下: 代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML . * Author: Drew Diller * Email: drew.diller@gmail.com * URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/ * Version: 0.0.8a * Licensed under the MIT License: http://dill...
IE6的PNG透明是个老问题了,最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件,今天抽空把这个发上来。 虽然之前在博客里发过一款jquery的png插件,但是不支持背景平铺。 DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性,支持伪类。是一款不错的值得推荐的插件,用法也比较简单。 使用方法: 代码如下: ...
代码如下: .imgclass{ width:300px; height:300px; border:solid 1px red;} $(function () { $('#Select1').change(function () { var thevalue = $(this).val(); $('img').fadeTo(2000, thevalue); }) }) 透明度: 0 0.2 0.4 0.6 0.8 1 JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解...
代码如下: 弹出提示 * { margin: 0; padding: 0; font-size: 12px; } html, body { height: 100%; width: 100%; } #content { background: #FFFFFF; padding: 30px; height: 100%; } #content a { font-size: 30px; color: #369; font-weight: 700; } #alert { z-index:2; border: 1px solid #369; width: 300px; height: 150px; background: #e2ecf5; z-index: 1000; position: absolute; display: none; } #alert h4 { heig...
今天要给星烛网上的一个Flash加一个超链接,原想直接在object外直接套一个超链接即可,试了之后却发现不是这么回事,求助百度,问题解决,记录如下:原因:Flash默认是最高层.所以,我经常会遇见Flash把下拉菜单挡住的情况,及其它原素覆盖掉. 解决方案: 第一种:步骤如下 1. 把Flash文件放到一个层中,设为最底层,FLASH设为透明. 代码如下: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://down...
经常看到网页里图片渐变显示,自己写一个。 原理很简单就是修改元素的css透明度。 在线预览效果:http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 代码如下: 原生Js元素渐隐/渐显方法 渐显 渐隐 function alphaPlay(obj,method){ //method有两个值show或hiden var n = (method == "show") ? 0 : 100, ie = (window.ActiveXObject) ? true : false; var time = setInterval(function(){ if(method == "show"){ if(n n+...