京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

YTabs!图片头条新闻集锦

YTabs!图片头条新闻集锦,我整理的一组很经典的图片头条新闻效果。图片过度时,可以选择滚动切换,也可以选择透明的渐显过度。这一组效果都很实用,兼容性好,调用超方便。
调用方法第一步:在页面中调用ytabs.js文件,例如:
<script type="text/javascript" src="js/ytabs.js"></script>
第二步:编写调用代码:

(function(){
YAO.YTabs({
tabs: YAO.getEl('YNIndex').getElementsByTagName('a'),
contents: YAO.getEl('YNews').getElementsByTagName('dl'),
auto: true,
fadeUp: true
}, {
tabs: YAO.getEl('hs-bd').getElementsByTagName('dt'),
contents: YAO.getEl('hs-bd').getElementsByTagName('dd'),
evt: 'click',
auto: true,
fadeUp: true
}, {
tabs: YAO.getEl('jSIndex').getElementsByTagName('a'),
contents: YAO.getElByClassName('YSample', 'p', 'YSlide'),
defaultIndex: 1,
auto: true,
fadeUp: true
},{
tabRoot: 'YTabs',
tabs: 'dd',
contents: 'dt',
auto: true,
fadeUp: true
},{
tabs: YAO.getEl('YSamples').getElementsByTagName('img'),
contents: YAO.getEl('YPhotos').getElementsByTagName('img'),
auto: true,
scroll: true,
scrollId: 'YPhotos'
});
})();

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5388
5388
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java