转:分享多年美工工作收集的小工具和经验

1.图片素材收集技巧 我们很多时候看到一个别的站点里面的图片和动画，怎样能方便拿到？ 有 一个简单的技巧就是，打开IE的 internet选项->internet临时文件，删除所有脱机内容 ,（然后把喜欢的这个网站浏览一遍），再打开IE的 internet选项->internet临时文件，点设置，查看文件 （就会看到刚才该网站的所有素材和动画，复制出来就可以直接使用了） 2.在线图片处理工具 http://www.simwebsol.com/ImageTool/ 做网站时，需要制作网站标题的特殊效果，可以用下面这个工具，比一些专业文字工具还要方便 http://www.makepic.com 制作个性印章 http://www.buttonator.com/ 按钮图片制作工具 http://www.eoool.com/ 在网页中直接留写邮箱，容易被一些邮件收集软件扫描而收到垃圾邮件，这个在线工具可以帮助 生成邮件地址的图片 http://lab.rails2u.com/bgmaker/ 背景图片制作工具，我们经常需要制作一些颜色渐变的背景图片，用这个工具很方便 http://www.ajaxload.info/#preview 动态进度条图片生成工具，如果你希望显示动态的进度条图片，这个工具一定可以帮到你， http://www.web20badges.com/ 制作奇形怪状的标志图片 http://www.photofunia.com 可以将直接对相片进行换脸图片工具，可以制作很多有趣搞笑的个人相片图片。 3. 网站发布服务软件 http://www.snpsoft.net 30M的绿色软件，可做WEB服务，还打包了一个内容管理系统，支持视频，多国语言，模板更换 素材网站 http://www.flickr.com http://image.baidu.com/ http://images.google.com.hk 平时需要大量的图片素材，除了baidu，google外，最喜欢下面这个flickr.com图片搜索 因为是专门的图片搜索，所以质量高很多 图标类网站下载 http://iconfactory.com http://interface.com/ http://pixelgirlpresents.com http://deviantart.com http://fasticon.com http://fasticon.com

横向滚动

<
div
id
="roll"
>

<
table
border
="0"
cellpadding
="0"
cellspacing
="0"
>

<
tr
><
td
id
="img1"
>

<
table
border
="0"
cellpadding
="0"
cellspacing
="4"
>

<
tr
>

<
asp:Repeater
ID
="rpArtiShow"
runat
="server"
>

<
ItemTemplate
>

<
td
width
="120"
align
="center"
>

<
a
class
="imgBorder"
style
="background:url('<%#Helper.EncodeImgPath((string)Eval("
filePath"),"sm") %
>
') no-repeat center center" href="
<%
=
Helper.AbsPath
%>
/group/
<%
#
Eval
(
"
groupID
"
)
%>
/photo_
<%
#
Eval
(
"
photoID
"
)
%>
" title="
<%
#
Eval
(
"
title
"
)
%>
">
</
a
>

<
p
><
a
href
="<%=Helper.AbsPath%>/group/<%#Eval("
groupID") %
>
/photo_
<%
#
Eval
(
"
photoID
"
)
%>
" title="
<%
#
Eval
(
"
title
"
)
%>
">
<%
#
Eval
(
"
title
"
)
%>
</
a
></
p
>

</
td
>

</
ItemTemplate
>

</
asp:Repeater
>

</
tr
></
table
>

</
td
><
td
id
="img2"
></
td
></
tr
>

</
table
>

</
div
>

</
div
>

<
script
type
="text/javascript"
>

var
imgcount
=
10
;

var
speed
=
30
//
速度数值越大速度越慢

if
(imgcount
>
5
)

$(
"
img2
"
).innerHTML
=
$(
"
img1
"
).innerHTML

function
Marquee(){

if
($(
"
img2
"
).offsetWidth
-
$(
"
roll
"
).scrollLeft
<=
0
)

$(
"
roll
"
).scrollLeft
-=
$(
"
img1
"
).offsetWidth

else
{

$(
"
roll
"
).scrollLeft
++

}

}

var
MyMar
=
setInterval(Marquee,speed)

$(
"
roll
"
).onmouseover
=
function
() {clearInterval(MyMar)}

$(
"
roll
"
).onmouseout
=
function
() {MyMar
=
setInterval(Marquee,speed)}

</
script
>