您好,欢迎来到飞天资源论坛!登录立即注册QQ登录

飞天资源论坛



  • 2209查看
  • 23回复

签到天数: 3 天

连续签到: 0 天

[LV.2]偶尔看看I

发表于 2016-10-30 14:49:03 | 显示全部楼层 |阅读模式

评分

参与人数 4飞天豆 +190 收起 理由
酷蓝冰洋 + 40 精美作品!
星的祝福 + 50 精美作品!
鲜鲜 + 50 精美作品!
纵横 + 50 精美作品!

查看全部评分

相关帖子

签到天数: 3 天

连续签到: 0 天

[LV.2]偶尔看看I

 楼主| 发表于 2016-10-30 14:49:55 | 显示全部楼层
【漫步特效】御剑江湖TO七剑生辰/附新编代码 q1.jpg单图/特效(原创版),预览图1 【漫步特效】御剑江湖TO七剑生辰/附新编代码 q2.jpg单图/特效(原创版),预览图2 【漫步特效】御剑江湖TO七剑生辰/附新编代码 q3.jpg单图/特效(原创版),预览图3 【漫步特效】御剑江湖TO七剑生辰/附新编代码 q4.jpg单图/特效(原创版),预览图4 【漫步特效】御剑江湖TO七剑生辰/附新编代码 q5.jpg单图/特效(原创版),预览图5 【漫步特效】御剑江湖TO七剑生辰/附新编代码 q6.jpg单图/特效(原创版),预览图6 【漫步特效】御剑江湖TO七剑生辰/附新编代码 q7.jpg单图/特效(原创版),预览图7 【漫步特效】御剑江湖TO七剑生辰/附新编代码 q8.jpg单图/特效(原创版),预览图8 【漫步特效】御剑江湖TO七剑生辰/附新编代码 q9.jpg单图/特效(原创版),预览图9

评分

参与人数 4飞天豆 +148 收起 理由
酷蓝冰洋 + 40 多谢分享,辛苦了!
星的祝福 + 36 多谢分享,辛苦了!
鲜鲜 + 36 多谢分享,辛苦了!
纵横 + 36 多谢分享,辛苦了!

查看全部评分

签到天数: 3 天

连续签到: 0 天

[LV.2]偶尔看看I

 楼主| 发表于 2016-10-30 14:52:10 | 显示全部楼层
现在大多数电脑都是宽屏,其次做图都在1400宽以上,但1400宽图以上实现html渐变滤镜代码图打开较慢,然可用底图一张,将喜欢的素材制画后做成html渐变滤镜代码图,或中或左或右实现在底图上。

底图代码,其中红的是通过CSS实现的html渐变滤镜代码



<html>
<head>
<META http-equiv=Content-Type content=text/html; charset=gb2312>
<title>漫步特效</title>
<style>
body{font-size:11pt;}
a{text-decoration:none;}
</style>

</head>
<body topmargin=2 leftmargin=2 bgcolor=#ffffff>
<base target=_blank>

<html>
<head>
<title>御剑江湖</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (御剑江湖.psd) -->
<img src="http://ftp6.oolove.com/ydmb/c/w10.jpg" width="1400" height="750" alt="">
<!-- End Save for Web Slices -->
</body>
</html>

</DIV><DIV ID="soccer" STYLE="position:absolute; left:420; top:202">
<iframe  src="http://ftp6.oolove.com/ydmb/c/ww.html" frameborder=0
width=563 scrolling=no height=347></iframe>

<EMBED style="LEFT: -1px; WIDTH: 563px;
POSITION: absolute; TOP:-1px; HEIGHT: 345px" src=http://ftp.oolove.com/yx/flash/特效flash/景/云与星.swf width=500 height=825
type=application/octet-stream quality="high" wmode="transparent">


<EMBED style="LEFT: -160px; WIDTH: 300px;
POSITION: absolute; TOP:60px; HEIGHT: 400px" src=http://ftp6.oolove.com/ydmb/c/御剑.swf width=500 height=825
type=application/octet-stream quality="high" wmode="transparent">

</body>
</html>

评分

参与人数 3飞天豆 +112 收起 理由
酷蓝冰洋 + 40 感谢你带来的精彩!
星的祝福 + 36 多谢分享,辛苦了!
鲜鲜 + 36 多谢分享,辛苦了!

查看全部评分

签到天数: 3 天

连续签到: 0 天

[LV.2]偶尔看看I

 楼主| 发表于 2016-10-30 14:53:43 | 显示全部楼层
本帖最后由 1云端漫步 于 2016-10-30 16:21 编辑

html渐变滤镜代码



<HTML xmlns:t = "urn:schemas-microsoft-com:time" xmlns:v =
"urn:schemas-microsoft-com:vml"><HEAD><TITLE>漫步特效</TITLE>
<STYLE type=text/css>.time {
        BEHAVIOR: url(#default#time2)
}
t\:* {
        BEHAVIOR: url(#default#time2)
}
v\:* {
        BEHAVIOR: url(#default#VML)
}

</STYLE>
</head>
<TABLE style="LEFT: 0px; POSITION: absolute; TOP: 0px;
  width : 250px;
  height :400px;
" border="0" width="250">
  <TBODY>
  <TR>
<BODY bgColor=#000000><!-- 案例代码1开始 -->
<SCRIPT language=JavaScript id=code>
var Ga=new Array()  <!-- //定义一个变量数组Ga -->
Ga[0]="http://ftp6.oolove.com/ydmb/c/w1.jpg ";      <!-- // 设置要显示的图片地址,有几张就试几个,改变下标0,1,2等等,后面则是上传图片的地址-->
Ga[1]="http://ftp6.oolove.com/ydmb/c/w2.jpg";
Ga[2]="http://ftp6.oolove.com/ydmb/c/w3.jpg";
Ga[3]="http://ftp6.oolove.com/ydmb/c/w4.jpg";
Ga[4]="http://ftp6.oolove.com/ydmb/c/w5.jpg";
Ga[5]="http://ftp6.oolove.com/ydmb/c/w6.jpg";
Ga[6]="http://ftp6.oolove.com/ydmb/c/w7.jpg";
Ga[7]="http://ftp6.oolove.com/ydmb/c/w8.jpg";
Ga[8]="http://ftp6.oolove.com/ydmb/c/w9.jpg";




var hayasa=9000   <!-- //两个图片之间延迟时间,5000等于6秒 -->
var suu =1;
var iTransNumber=0;
var garTransitions = new Array(); //arrary of filter strings

garTransitions[0] = "progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=in)";
garTransitions[1] = "progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=out)";
garTransitions[2] = "progid:DXImageTransform.Microsoft.Iris(irisstyle=diamond,motion=in)";
garTransitions[3] = "progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=in)";
garTransitions[4] = "progid:DXImageTransform.Microsoft.Iris(irisstyle=plus,motion=out)";
garTransitions[5] = "progid:DXImageTransform.Microsoft.Iris(irisstyle=plus,motion=in)";
garTransitions[6] = "progid:DXImageTransform.Microsoft.Iris(irisstyle=star,motion=out)";
garTransitions[7] = "progid:DXImageTransform.Microsoft.CheckerBoard (direction=down,squaresX=12,squaresY=12)";
garTransitions[8] = "progid:DXImageTransform.Microsoft.Slide(slidestyle=push,bands=1)";
garTransitions[9] = "progid:DXImageTransform.Microsoft.Slide(slidestyle=swap,bands=1)";


var kirikaeGa=new Array()
for (kazu=0;kazu<Ga.length;kazu++){
kirikaeGa[kazu]=new Image()
kirikaeGa[kazu].src=Ga[kazu]}

function kirikae(){
if (window.createPopup)
rittai.style.filter = garTransitions[iTransNumber];
iTransNumber++;
if(iTransNumber==garTransitions.length)
iTransNumber=0;

if (window.createPopup)
rittai.filters[0].apply();

document.images.rittai.src=kirikaeGa[suu].src;
if (window.createPopup)
rittai.filters[0].play()
suu++
if (suu==kirikaeGa.length)
suu=0;
setTimeout("kirikae()",hayasa)
}
window.onload=new Function("setTimeout('kirikae()',hayasa)")
</SCRIPT>

<IMG
style="FILTER: progid:DXImageTransform.Microsoft.Stretch(stretchStyle='POP')"
height=345 src="http://ftp6.oolove.com/ydmb/c/w1.jpg" width=563 border=0 name=rittai>
<!-- //显示图片的方式,src=后面一般是第一张图片,宽度,高度位置都可以按html方法去设置 -->
</body>

评分

参与人数 2飞天豆 +72 收起 理由
星的祝福 + 36 多谢分享,辛苦了!
鲜鲜 + 36 多谢分享,辛苦了!

查看全部评分

签到天数: 334 天

连续签到: 0 天

[LV.8]以坛为家I

发表于 2016-10-30 19:06:55 | 显示全部楼层

祝贺漫步老师的好友七剑生日快乐,开心。
江湖有情义,有担当,好朋友就是这样子,快意江湖,不离不弃

签到天数: 2134 天

连续签到: 0 天

[LV.Master]伴坛终老

发表于 2016-10-30 20:15:57 | 显示全部楼层
图图框架很棒,特效好看,还给分享了代码,辛苦友友,祝盆友们都开心

签到天数: 1201 天

连续签到: 1 天

[LV.10]以坛为家III

发表于 2016-10-30 21:24:22 | 显示全部楼层
创意的框架版型 变换小图张张精致 网页包网页好构思 欣赏云端漫步精美制作

签到天数: 1201 天

连续签到: 1 天

[LV.10]以坛为家III

发表于 2016-10-30 21:24:47 | 显示全部楼层
借美帖 祝七剑生日快乐 平安喜乐

签到天数: 2027 天

连续签到: 1 天

[LV.Master]伴坛终老

发表于 2016-10-31 12:19:30 | 显示全部楼层
谢谢分享

签到天数: 502 天

连续签到: 1 天

[LV.9]以坛为家II

发表于 2016-11-1 08:24:55 | 显示全部楼层
谢谢分享

快速发帖

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

 
 
咨询求助
插件安装
失效举报
VIP办理
工作时间:
8:00-24:00

飞天官微客服

手机版| 飞天资源论坛 ( 桂ICP备11007138号|网站地图

桂公网安备 45092102000116号

GMT+8, 2021-9-19 15:35 , Processed in 1.267626 second(s), 13 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2011-2021 飞天资源论坛

快速回复 返回顶部 返回列表