10 2012 档案

微博中图片放大、缩小、旋转的功能
摘要：上一篇博客介绍了网页中图片旋转的几种实现方式。这里使用之前提到的技术实现了一个在微博中常见图片放大、缩小、旋转的功能，并对代码做了封装。点击这里查看微博中图片放大、缩小、旋转的演示，在演示页中提供了DEMO下载。代码做了如下处理：1 为了节省带宽，默认不加载大图，只有用户点了放大图片时才加载大图2 如果支持滤镜的使用滤镜旋转，否则使用canvas。3 旋转后图片过宽为了不影响布局会对其进行等比缩放。 阅读全文
posted @ 2012-10-15 15:23 rentj 阅读(3143) 评论(3) 推荐(0) 编辑
网页中图片旋转的几种实现方式
摘要：网页中图片旋转一般有下面三种常见的实现方式：一、 ie 滤镜IE的图形旋转滤镜，通过指定BasicImage滤镜的rotation值旋转元素，旋转方向为顺时针，旋转的中心点为元素的左上角。rotation可以有4个旋转值：0, 1, 2,和3分别表示将元素旋转0度、90度、180度、270度。浏览器支持： IE5.5+CSS代码：.rotate{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } JS代码：element.style.filter = "progid:DXImageTransform 阅读全文
posted @ 2012-10-13 07:14 rentj 阅读(58274) 评论(1) 推荐(5) 编辑
JS Runcode运行网页上的HTML/CSS/Javascrip代码
摘要：<!DOCTYPE html><html><head><meta charset="gb2312" /><title>runcode-运行HTML/CSS/Jvascrip代码</title></head><body><form> <textarea name="codearea" style="width:800px; height:600px"> </textarea> <br /> &l 阅读全文
posted @ 2012-10-09 12:06 rentj 阅读(1898) 评论(0) 推荐(0) 编辑
活动广告滑动切换JS效果
摘要：之前写了个javascript动画对象里面的demo比较简单，这是一个比较完整的JS效果。代码很简单，通过修改position:absolute元素的left属性实现滑动切换。点击这里查看淘宝活动广告滑动切换JS效果JS代码:(function(){ //rentj1@163.com var left = 0; var slide = document.getElementById("slide-content"); var options = document.getElementById("slide-options").getElementsByT 阅读全文
posted @ 2012-10-08 12:32 rentj 阅读(674) 评论(0) 推荐(0) 编辑