【javascript – 为Google Marker添加透明度】教程文章相关的互联网学习教程文章

php上传图片并给图片打上透明水印的代码_javascript技巧

代码如下:$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...

lightBox简易的全屏透明遮罩解决方法_javascript技巧

步入正题: 现在全屏的半透明遮罩层在web2.0网站应用非常广泛了,绝大多数遮罩是通过计算页面大小,然后覆盖一个与页面同等大小的层实现,如腾讯qzone, wordpress后台。这种方式本来无可非议,但是在页面很长的时候在IE8下会失效(国外资料的解释是与机器显卡相关),有些完美情节的同学遇到这个问题后就抓破了头,无奈之下甚至想让IE8强制使用IE7的方式解析他的作品。其实我们有一个更好的方法,咱们用CSS去解决它! 还记得“posi...

JavaScript实现弹出DIV层同时页面背景渐变成半透明效果_javascript技巧

本文实例讲述了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...

jquerypng透明解决方案(推荐)_jquery【图】

原型: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动态传参问题解决使用...

DD_belatedPNG,IE6下PNG透明解决方案(国外)_javascript技巧【图】

我们知道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...

基于node.js的快速开发透明代理_javascript技巧

但是最近服务器端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...

在IE和VB中支持png图片透明效果的实现方法(vb源码打包)_javascript技巧【图】

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...

使用滤镜设置透明导致IE6/7/8/9解析异常的解决方法_javascript技巧【图】

如下 代码如下: 用IE开发者工具,或IE8自带的开发者工具。结构如 图1 :红色所圈之处可以看到给div添加的内联样式width,height,background都依次排列。正常!但给该div添加filter:alpha(opacity=20)后, 代码如下: 情况发生了变化,如 图2 :红色所圈之处看到,width和filter挤在一行上了。正常的情况width应该另起一行。有人也许会说这只是开发者工具没有正确显示,只要不影响页面元素正确渲染即可。的确,在IE6/7/8/9 中...

使用透明效果来自定义文件上传按钮控件样式_javascript技巧【图】

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...

ie6下png图片背景不透明的解决办法使用js实现_javascript技巧【图】

我们时常在使用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透明JS插件使用介绍_javascript技巧

IE6的PNG透明是个老问题了,最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件,今天抽空把这个发上来。 虽然之前在博客里发过一款jquery的png插件,但是不支持背景平铺。 DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性,支持伪类。是一款不错的值得推荐的插件,用法也比较简单。 使用方法: 代码如下: ...

jQueryfadeTo方法调整图片的透明度使用介绍_jquery【图】

代码如下: .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 移动端实现下拉刷新和上拉加载更多的示例解...

原生js实现半透明遮罩层效果具体代码_javascript技巧【图】

代码如下: 弹出提示 * { 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加一个超链接(推荐使用透明层)兼容主流浏览器_javascript技巧【图】

今天要给星烛网上的一个Flash加一个超链接,原想直接在object外直接套一个超链接即可,试了之后却发现不是这么回事,求助百度,问题解决,记录如下:原因:Flash默认是最高层.所以,我经常会遇见Flash把下拉菜单挡住的情况,及其它原素覆盖掉. 解决方案: 第一种:步骤如下 1. 把Flash文件放到一个层中,设为最底层,FLASH设为透明. 代码如下: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://down...

原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)_javascript技巧【图】

经常看到网页里图片渐变显示,自己写一个。 原理很简单就是修改元素的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+...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部