使用JS实现图片特效

很多时候 我们做网站都需要为图片加特效 这样看起来才更有感觉,单张或者少量的话使用PS制作,但是对于产品类网站或者图片博客而言,使用PS修改图片工作量很大,这时候我们就需要在网站上去实现图片的一些特效,CSS的特效有局限,而且兼容问题等 很麻烦,所以最好的办法就是使用JS特效,刚才在转悠时无意中发现的一个国外站提供了很多特效代码,像常用的阴影、相框、光效、倒影等全部都有,使用时只需要修改配置即可,很方便。
网站地址为 http://www.netzgesta.de/

很多时候 我们做网站都需要为图片加特效 这样看起来才更有感觉,单张或者少量的话使用PS制作,但是对于产品类网站或者图片博客而言,使用PS修改图片工作量很大,这时候我们就需要在网站上去实现图片的一些特效,CSS的特效有局限,而且兼容问题等 很麻烦,所以最好的办法就是使用JS特效,刚才在转悠时无意中发现的一个国外站提供了很多特效代码,像常用的阴影、相框、光效、倒影等全部都有,使用时只需要修改配置即可,很方便。
网站地址为 http://www.netzgesta.de/
竞价页上基本上就是这几个大的区域,当然还有很多细节上的东西,例如联系电话,联系地址等等,这些我们后面会介绍的。
我们再重新回顾一下竞价必需的几个区域:
1、视觉冲击力,视觉冲击力区域是让人们对这个产品的功效有个粗略的认识,从而提起兴趣度。
2、症状列举区,让访问者自己对号入座,从而加深兴趣,想更深层次的认识。
3、害处区,展示此类症状给人造成的危害或者是带来的不便,让访问者对自己的q况产生担忧。
4、产品优势区,让访问者感觉到有希望解决这个问题。
5、产品比对区,给访问者一个选择我们,而不选择其他同类产品的理由。
6、产品权威认证,给访问者吃上定心丸,从而让他们认可我们的产品。
7、产品展示区,让访问者从直观上来认识这个产品的真实*样。
8、订购区,让访问者直接填写定单,货到付款。
我们做的这8步,其实都是围绕着一个消费者的心理来进行做的一系列的准备,竞价产品做到三点,就无敌了:
产品具有足够的诱惑力
产品具有足够的竞争力
产品具有足够的可信度
足够的诱惑力,这个可以通过语言来进行包装,也可以在选择产品的时候,选择一些本来就有诱惑力的产品,诱惑力这个谁都可以轻松的包装,例如我可以包装日收入500元的项目,你也可以包装日收入500元的项目,但是也许我能卖出去,你卖不出去,所以诱惑力这个难度不大,对销售的影响也不是最重要的。
产品具有足够的竞争力,就是有价格优势,有独一无二的功能优势和资源优势,这个也好解决,因为也可以通过语言来进行包装。例如我说我的项目动动鼠标就可以了,其他人也可以这么包装,所以产品有足够的竞争力,这个也可以通过语言来进行完成。
产品具有足够的信誉度,这个就需要做大量的工作,从语言文字的组织上,从图片的处理上,从域名上,从电话号码上,从联系人上,从公司名称以及所在地上,从产品的证书以及研发人员介绍上,其实我们做的一切环节,都是围绕着产品具有足够的信誉度这个环节来做的准备。
因为别人看不到产品,对于这个产品的认识只能通过竞价广告页来实现,如果我们看到一个广告页是破破烂烂,给人的感觉就是临时拼凑的站,或者是随意申请了个博客,我们可能马上就不感兴趣了,而且觉得这个产品是忽悠人的。
因为我们访问过很多站,已经有了惯性思维,就是凡是优秀的公司的网站都很漂亮,凡是小公司的站,多数都是随意找人做了个网站而已,公安局的人说,做合同诈骗的,笔迹都非常好,书法都写的很好,也许是同样的道理吧。
banner 设计会严重影响广告投放效果,在此建议相关设计人员,在设计FLASH BANNER的时候考虑到以下问题。
1. 尽量减少矢量图形的路径节点数:
矢量图形显示是由计算机通过CPU即时运算得到的,矢量图形通过对节点的位置定义、线的曲度定义、面的填充色的各种
属性定义来得到图形,而作为基本元素点的数量直接影响到线、面的数量,也就影响到CPU占用量。
2. 作为装饰的比较复杂的小型文字、logo重复使用时尽量用位图:
这是在下载字节量和CPU占用量间做一个平衡,因为文字本身就是比较复杂的矢量图形,然而很多情况下作为背景和装饰使
用时不需要矢量的清晰程度,这时使用位图会很大程度的降低CPU消耗,并把部分消耗转移到显卡的CPU和内存上。只要位
图的绝对面积不太大,使用位图和矢量的字节量差异不大。
3. 可以用一小张位图作为颜料填充出一些重复的图形、肌理式的背景:
导入一小张可作四方连续的底图,用于一些特殊效果。
4. 尽量减少动态MC的多层套嵌:多层套嵌会导致CPU对图形、位置、大小等数据不断重复计算,加重CPU负荷
5. 尽量减少多个MC在同一帧内同时运动:
多个MC同时运动会造成CPU峰值高涨,播放速度减慢,可以设计创意时加以避免,把MC的运动比较平均的放于不同帧,避免
集中。
6. 避免大面积位图的移动、变形,能在外部软件中变形的,就不要放到 flash 里来做,放大缩小后再导入。
7. 尽量减少MC做大小、旋转的急剧变化:
如果再加上是复杂图形,或是位图,或是动态MC多层套嵌,那必然会引起 CPU使用峰值的急剧升高,图象会忽然变得很慢。
8. 在可能的情况下尽量减小Flash动画在屏幕显示中所占的比例
也可以理解为尽量做的面积小一些,或是包含运动的区域小一点。例如:作遮幅以减少动画面积,较大的底图上作些有创意
底小面积动画。只利用flash 作透明的关键动画,使它浮在底图上面,这样即结合底图减少CPU占用,又可以分成flash和图
片两个线程下载,加快了下载速度。
9. 减少每秒帧数:在效果损失不大的情况下,尽量减少每秒帧数。
10. 使用FLASH5格式生成文件:
当前有FLASH6播放插件的用户还很少,使用FLASH 6格式播放的文件需要比较长的时间下载插件,会影响速度。
蓝色与国内flashcoder 群补充:
从Flash程序上来说,尽量减少使用循环复制MC,及时删除无用的MC和变量,释放内存,以减少客户端消耗。尽量避免使用
复杂的 AS 运算。
避免在首帧一次载入大量的元素,因为在此下载过程中,你的BANNER是一片空白。
一定要设置背景颜色,因为投放网站不会每次为你改HTML的背景色代码。
尽量针对不同尺寸的BANNER单独制作Flash,而非做出一个后,用HTML放大缩小。
要多预备一个动画 GIF 版本。香港网站普遍还要加一个 clickTag 参数作联结(clickTag是variable, 真正连结通
过flashhtml, swf?clickTag=http..传入 )。Yahoo 要求只能是 flash5 (制作过程中注意 as 兼容性)
静态文字在导出前统统打散,可以减少文件大小,如果嫌以后修改麻烦,可以先复制一个引导层放原始文字。
所有的图片在外部用图像压缩工具压缩,比如ps,最好是 fireworks,不要用flash里面压缩。
能用纯色,尽量用纯色,不能用的话也尽量用不透明过渡,尽量少用透明过渡色,少用透明渐变。
特别强调,千万不要在 flashBanner 里加声音,大忌。
对网站进行搜索引擎优化的程度很难拿捏,不能不做,也不能过分。
首先,你需要增加网站的界面友好度,板块的设计要人性化,合理的布置广告或者其他的盈利渠道。而搜索引擎爬虫并不在意华丽网页设计,他们只是要最最核心的信息。如果通过蜘蛛的眼睛来看您的网站,就不是现在用眼睛看到的效果了。所以,优化是必须的,确保网站能被正常收录和索引。
从某种意义上说谷歌的新规则成熟了很多,但是相对于用户来说,搜索引擎的爬虫所能理解的东西仍只是一少部分。
模拟蜘蛛的方法有很多,站长站也提供了相关的工具,如果你是第一次使用模拟爬虫,别吃惊,爬虫看到得东西就这么一点。跟正常访问的差距…就不用说了。IE和Firefox 都可以设置禁用JavaScript 样式 图片,然后再访问一下自己的网站,重新审视一下自己的网站。
然而这并不能直接决定网站的排名的数据,部分大网站,非常非常大而且受欢迎的网站,你会发现他们有些排名很高的页面 蜘蛛甚至抓取不到任何的数据,纯FLASH JAVA特效 图片。不过话说回来,毕竟一个大品牌可能他的排名第一,但是他们并不关注谁进入了网站在查看他们的资料。
现在,你应该看看自己的网站了,首先要有一个活跃的板块,保持更新,这样搜索引擎才会更关注你,如果你的网站是以图片为主的,看看有没有加上ALT说明,如果没有,很高兴的告诉你,你的站活不久了。因为蜘蛛并不能看到图片,这是众所周知的。拿掉这些图片,你的站就是一白板。你还指望什么呀.. 关键字 描述信息,图片ALT 和 链接 TITLE 再就是关键字词的加粗和H1标签,以前貌似见过谁写过文章说 GG在意的是加粗 YAHOO注重H1。。。不知是不是真的..毕竟没有人做过实验,就到这了。