標(biāo)題+圖片絢麗幻燈片JQ+CSS特效

1、標(biāo)題+圖片絢麗幻燈片jq+css特效此特效為jq+div+css的幻燈片特效，標(biāo)題+焦點+幻燈片jq特效。標(biāo)題背景為半透亮，美麗幻燈片。js+css幻燈片效果截圖此幻燈片為十分常用的幻燈片特效，標(biāo)題文字+焦點1 2 3數(shù)字，并且標(biāo)題文字背景半透亮。用法解釋：修改對應(yīng)css+js代碼設(shè)置好寬度、高度即可適用你的css項目，兼容各大掃瞄器。 $(function() new slide("main-slide","cur",370,220,1);/焦點圖 寬度、高度設(shè)置) function $jquery(id)return

2、document.getelementbyid(id); 以上為html中特效js片段需要注重寬度高度設(shè)置。.slideoverflow:hidden;_float:left;zoom:1; margin:0 auto; width:370px /* 默認(rèn)幻燈片 */ .focuspiczoom:1;position:relative; overflow:hidden .focuspic .contentoverflow:hidden .focuspic .changediv aposition:absolute;top:0px;left:0px;display:none; .focuspic

3、 .title-bg,.focuspic .titleposition:absolute;left:0px;bottom:0; text-align:left;width:370px;height:30px;line-height:30px;overflow:hidden .focuspic .title-bgbackground:000;filter:alpha(opacity=50);opacity:0.5; .focuspic .title adisplay:block;padding-left:15px;color:fff; font-size:14px; .focuspic .cha

4、ngebottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999; .focuspic .change i background:666;color:fff;cursor:pointer;font-family:arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; .focuspic .change i.cur background:ff7700;以上c