JS (非CSS)实现字体的阴影效果

html-css017

JS (非CSS)实现字体的阴影效果,第1张

找jquery插件吧,稳定很多,又兼容各大浏览器!很好用的哦!

(function($){

$.fn.shadow=function(options){

var opts=$.extend({},$.fn.shadow.defaults,options)

return this.each(function(index){

$.fn.shadow.show(this,opts)

})

}

$.fn.shadow.show=function(el,opts){

var OffsetLeft=$(el).offset().left

var OffsetTop=$(el).offset().top

for(var i=0i<opts.slicesi++){

$(el).clone().css({

'position':'absolute',

'left':OffsetLeft+(i+1)*opts.xstep,

'top':OffsetTop+(i+1)*opts.ystep,

'margin':0,

'opacity':opts.opacity,

'zIndex':opts.zIndex

}).addClass('extra_shadow').prependTo('body')

}

}

$.fn.sdclose=function(){

$('.extra_shadow').remove()

}

$.fn.shadow.defaults={

slices:5, //复制的条数,用于增加阴影度

opacity:0.1, //透明度设置

zIndex:-1,//Z轴设置

xstep:1,//X轴增量,用于改变阴影的方向

ystep:1 //Y轴增量,用于改变阴影的方向

}

})(jQuery)

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>(引用jquery文件)

<script type="text/javascript" src="js/jquery.font.shadow.js"></script>(上面的代码是这个插件)

用这个插件吧!使用方法:

<h3 style="line-height:25pxfont-size:14px">我是sunny</h3>

<script type="text/javascript">

$(function(){

$('h3').shadow({xstep:1,ystep:1})

})

</script>

你好css文件夹的作用和css文件的作用 就像是你电脑中一般的文件夹 比如你有一个文件夹叫电影 里面装的是一些电影文件 这个也是同理 css文件夹中装的是一些css样式文件 在你的网站中 一般图片要新建一个文件夹images在里面全部放图片 css文件夹放css样式文件 js文件夹放js文件等等 这样分类 有规则 不乱 符合标准 分类后你在页面中使用样式文件时候你直接引入 图片也是一样 但是你要注意引入时候的文件路径是否正确 很高兴能够回答你的问题 祝你学习进步 生活愉快 谢谢

里面写网页样式,结构体以及常用的一些字体等...

一般style.css中写你整个网站的通用样式比如body ul li 等等整个网站都会应用到的样式

然后再根据不同页面创建它独有的样式。这样做不仅方便了自己也能提高页面的载入速度~