贴图权高级使用技巧 |
|
精华序号:211
来自论坛:小熊在线 《人文与科学论坛》
内容说明:
- ◎ 蜻蜓,让老屯给你教教怎么控制图的大小。 白鱼飞 (26273)于2004/07/23(19:56:41).. (空) laotun (52965)于2004/09/28(17:37:14)..
- 斑竹令:此主题收缩显示(好像对我的浏览速度有影响,不好意思了各位)(20字) 烈火中的布鲁诺 (53476)于2004/09/29(15:36:08)..
好像对我的浏览速度有影响,不好意思了各位
- 此贴杀伤力巨大(空) 大牛888 (53413)于2004/09/29(13:39:36)..
- 看着就晕了,学不会。(空) 风雨蓝蜻蜓 (53417)于2004/09/29(13:51:48)..
- 找同学同事教你,亲眼看他们做一遍,就会了(空) 随春归 (53427)于2004/09/29(14:17:13)..
- 同晕(空) 捞月阁 (53418)于2004/09/29(13:55:29)..
- 贴到别的坛被砍了头(空) 大牛888 (53423)于2004/09/29(14:12:02)..
- 我kao~(29字) 迷天大圣 (53153)于2004/09/28(21:47:09)..
这么消息。。。
估计有设精的可能。。。留个名。。留个名~
- ◎ 就着张图,命令格式是[img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg[/img](36字) laotun (52968)于2004/09/28(17:38:10)..
- 谢谢老痰主(14字) 捞月阁 (53006)于2004/09/28(18:13:25)..
俺有机会的话送个银痰盂给您?
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg width=20 height=20[/img](45字) laotun (52969)于2004/09/28(17:39:29)..
- 而且如果图省事的话 只写长宽中的一个也可(11字) eio (52973)于2004/09/28(17:42:43)..
浏览器会自动按比例缩放
- 还有一种无聊用法 就是可以写百分比 比如width=100%就是按浏览器窗口宽度缩放(空) eio (52978)于2004/09/28(17:44:34)..
- 可怜的style已经被胶体吃了(空) eio (52982)于2004/09/28(17:46:17)..
- 哦?(50字) eio (52984)于2004/09/28(17:47:58)..
- 居然只吃小写 漂亮……(空) eio (52985)于2004/09/28(17:48:20)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg width=100 height=100 border=20[/img](50字) laotun (52972)于2004/09/28(17:41:25)..
-
(50字) 风雨蓝蜻蜓 (53169)于2004/09/28(21:59:37)..
- 不可用?(空) 风雨蓝蜻蜓 (53173)于2004/09/28(22:01:56)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg width=100 STYLE=filter:Invert[/img](50字) laotun (52983)于2004/09/28(17:47:29)..
- ◎ 都来实验一下吧,好多哩(428字) laotun (52989)于2004/09/28(17:51:10)..
IE本身内含Style命令。Style属性可以应用在标签中,更可广泛应用在 等标签中。
页面切换效果:
在页面前部与之间加入″″
说明:duration为页面切换的时间,3.000表示3秒钟,一般可以直接输入3便可;transition为切换效果,从1~23共22种不同的切换效果,其中23为随机效果。
滤镜效果:
语法:STYLE=″filter:filtername(fparameter1, fparameter2...)″
(Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)
滤镜说明:
Alpha:设置透明层次
blur:创建高速度移动效果,即模糊效果
Chroma:制作专用颜色透明
DropShadow:创建对象的固定影子
FlipH:创建水平镜像图片
FlipV:创建垂直镜像图片
glow:加光辉在附近对象的边外
gray:把图片灰度化
invert:反色
light:创建光源在对象上
mask:创建透明掩膜在对象上
shadow:创建偏移固定影子
wave:波纹效果
Xray:使对象变得像被 x光照射一样
- ◎
[img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:blur(add = 0, direction = 45, strength = 5)[/img](60字) laotun (53003)于2004/09/28(18:11:24)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:Alpha(Opacity=0,FinishOpacity=75,Style=2)[/img](63字) laotun (53005)于2004/09/28(18:13:07)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg width=100 STYLE=filter:DropShadow(Color=#6699CC,OffX=25,OffY=25,Positive=0) [/img](74字) laotun (53012)于2004/09/28(18:16:02)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:FlipH [/img](45字) laotun (53013)于2004/09/28(18:17:02)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:FlipV [/img](45字) laotun (53015)于2004/09/28(18:18:01)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter : Glow(Color=#6699CC,Strength=5)
[/img](61字) laotun (53017)于2004/09/28(18:18:56)..
>
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:Glow(Color=#8080FF,Strength=20)
[/img](61字) eio (53392)于2004/09/29(13:09:29)..
>
- [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:Glow(Color=#8080FF,Strength=20)[/img](58字) eio (53395)于2004/09/29(13:11:56)..
- ◎ [img]http://pic10.album.tom.com/album_pic/2004/8/23/1093268467_36364.gif?%75%4f%64%44%6a%74%4b%72%6a%77 STYLE=filter:Glow(Color=#8080FF,Strength=10)[/img](75字) eio (53404)于2004/09/29(13:16:26)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:Gray[/img](45字) laotun (53021)于2004/09/28(18:20:07)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:Invert[/img](46字) laotun (53022)于2004/09/28(18:20:47)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:Mask (Color=#FF0000)[/img](53字) laotun (53023)于2004/09/28(18:21:56)..
- [img]http://pic10.album.tom.com/album_pic/2004/8/23/1093268467_36364.gif?%75%4f%64%44%6a%74%4b%72%6a%77 STYLE=filter:Mask(Color=#000080)[/img](69字) eio (53407)于2004/09/29(13:22:12)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:Shadow (Color=#6699CC, Direction=135)[/img](61字) laotun (53025)于2004/09/28(18:23:31)..
- [img]http://pic10.album.tom.com/album_pic/2004/8/23/1093268467_36364.gif?%75%4f%64%44%6a%74%4b%72%6a%77 STYLE=filter:Shadow(Color=#666666,Direction=135)[/img](77字) eio (53406)于2004/09/29(13:20:24)..
- ◎ [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter: wave(Add=0, Phase=4, Freq=5, LightStrength=5, Strength=2))[/img](70字) laotun (53027)于2004/09/28(18:24:31)..
- [img]http://www2.beareyes.com.cn/jpic/1/2004/07/20040723_040657_1.jpg STYLE=filter:Wave(Add=true,Freq=10,LightStrength=50,Phase=0,Strength=10)[/img](72字) eio (53408)于2004/09/29(13:26:17)..
- r(空) eio (53002)于2004/09/28(18:09:35)..
- ◎ 所给例子不是每个都成功,窍门各自实验,欢迎大家百花齐放(空) laotun (53028)于2004/09/28(18:25:57)..
- [img]http://pic10.album.tom.com/album_pic/2004/8/23/1093268467_36364.gif?%75%4f%64%44%6a%74%4b%72%6a%77 STYLE=filter:Chroma(Color=#000000)[/img](70字) eio (53410)于2004/09/29(13:27:03)..
- [img]http://pic10.album.tom.com/album_pic/2004/8/23/1093268467_36364.gif?%75%4f%64%44%6a%74%4b%72%6a%77 STYLE=filter:DropShadow(OffX=4,OffY=4,Color=#6060FF,Positive=true)[/img](86字) eio (53411)于2004/09/29(13:31:24)..
- 收到pm 作业完成(空) eio (53412)于2004/09/29(13:32:49)..
- ◎ 谢谢eio,滤镜好象和显卡的驱动设置有关系,不是所有的滤镜都工作.(空) laotun (53477)于2004/09/29(15:36:29)..
- ◎ 应该和显卡驱动没关系 这些运算完全是软件做的(47字) eio (53491)于2004/09/29(16:27:06)..
有些滤镜 涉及到alpha通道或者需要palette的 只有用gif才能看出效果 比如glow chroma shadow dropshadow mask
- 您是说css滤镜吗?css滤镜和css/html/浏览器的版本有关,和显卡好像没有关系(24字) iswear (53481)于2004/09/29(15:46:15)..
另外,除了css滤镜,部分javascript代码也是可以贴的
- js的杀伤力还是很大的,鼠标移动到我的贴图会怎样?(66字) iswear (53502)于2004/09/29(16:36:45)..
- ◎ 也许哟的用了硬件的功能?ActiveX?(33字) laotun (53485)于2004/09/29(15:52:18)..
我家里的机器就一个也不工作.因为为了兼容老的程序我把这些都给关掉了.
- 怀疑是您的浏览器版本的问题,不会是activex,css是纯解释的脚本,依靠浏览器对其的支持体现出效果(14字) iswear (53486)于2004/09/29(16:01:27)..
ie4以上的版本才开始支持filter
- ◎ 那流浪器靠什么支持最终的效果?(空) laotun (53490)于2004/09/29(16:18:38)..
- 应该是靠一些绘图类的api函数(12字) iswear (53500)于2004/09/29(16:33:30)..
这是建立在os和浏览器上的
- ◎ Windows用的是ActiveX,ActiveX里面的会用到硬件的加速,如果这些硬件的渲染被关掉,硬件的驱动在做的不好,那效果就出不来了.(78字) laotun (53507)于2004/09/29(16:54:05)..
你写过用ActiveX的东西没有,可以用他显示jpg,也可以放动画,但我还没有试过3D的东西.
靠,也许我用错了词了,不是ActiveX,是DirectX,ActiveX是那些臭气熏天的COM杂碎.
- 您说的是DirectX,Browser用不到directX的东西吧?css2.0的东西还用不到硬件加速这样的东西吧?(9字) iswear (53510)于2004/09/29(17:01:27)..
ActiveX的组件我写过
- ◎ ie好像是没用directdraw 只是传统的gdi(空) eio (53508)于2004/09/29(16:57:30)..
- 我想也是(空) iswear (53511)于2004/09/29(17:02:54)..
- ◎ gdi(45字) eio (53493)于2004/09/29(16:28:40)..
上面这些滤镜 相当一部分是ie only的 这些css扩展是ie4也不是ie5才加入的
我试试mozilla和opera
- ◎ 试了一下 结果倒简单(34字) eio (53498)于2004/09/29(16:32:40)..
统统是ie only的 在mozilla/opera下全部失效
嗯 不知道safari怎么样……
- ◎ X光的滤镜被脚头给封了,大概是里面的字进了监狱了.(空) laotun (53475)于2004/09/29(15:34:44)..
- ◎ 快点整理。(空) 白鱼飞 (52967)于2004/09/28(17:37:51)..
- ◎ 靠,我加了精华,可精华里却没有,怎么回事?(空) laotun (53474)于2004/09/29(15:33:40)..
- ◎ 更详细的在老帖子里面,参见...(62字) laotun (53031)于2004/09/28(18:32:20)..
http://www2.beareyes.com.cn/cgi-bin/joytlun.pl?id=pc006&job=post&numb_can=26273&ceng_can=0&p=pc006/2004/07/23_26273.htm&his=6
本论坛由小熊在线(www.beareyes.com)joyt制作及维护