标签切换显示不同内容的增强应用
2010年03月02日 | javascript, 前端技术
0条评论 |
在线演示地址1:http://demo.joyfulboy.cn/js/tagswitch/1/
在线演示地址2:http://demo.joyfulboy.cn/js/tagswitch/2/
看演示,两种方法,显示效果都一样。
演示1所用的方法是把不需要显示的内容所在的DIV块用CSS样式隐藏了,好处是任何被隐藏的内容也会被搜索引擎识别并抓取,坏处是样式如果不加载的话被隐藏的内容就会显示出来。
演示2所用的方法是利用JS把所显示的内容动态写进DIV块内,DIV块永远是那一个DIV,内容是动态变的,好处是不受CSS样式的影响,坏处就是搜索引擎不会抓取动态改变的内容。
JS调用方法自己参考演示页面源码或查看JS文件注释,这里不想多说了,个人推荐应用第二中方法。
标签: 标签切换