本文实例讲述了jquery实现通用的内容渐显Tab选项卡效果。分享给大家供大家参考。具体如下:
这是一款网页常用的TAB选项卡功能,无鼠标操作的时候它可以自动轮换,美化一般,看上去有些粗糙,有兴趣使用的朋友可以进行细致修饰,相信会更漂亮的。
运行效果如下图所示:
在线演示地址如下:
http://demo.jb51.net/js/2015/jquery-show-info-tab-nav-codes/
具体代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD
代码如下: [removed][removed] [removed] writeTop(‘Flash滚动显示图片代码生成’,’2006-10-18′); [removed] [removed] //运行代码 function runEx(cod1) { cod=document.getElementById(cod1) var code=cod.value; if (code!=””){ var newwin=window.ope
KA Lite
通过
的核心使命是“为任何地方的任何人提供免费的世界级教育”,并且由于上(主要是在发展中国家),这为可汗提供了另一种交付机制学院的内容是完成这项任务的关键。
是一款轻量级的 Web应用程序,可从本地服务器提供可汗学院的核心内容(视频和练习),并具有积分和进度跟踪功能,而无需Internet连接。
主要用例包括:
对于位于远程学校的服务器/计算机实验室,可以通过蜂窝/卫星网络或通过USB密钥与中央服务器缓慢同步。
在教养设施和其他环境中,提供教育材料很有价值,但不能为用户
图片轮换区域包含图像预览,缩略图,标题,内容,read more按钮以及轮换控制键。首先,创建一个大小为620像素 x 1305像素,颜色为#e1eaea的矩形,做安放内容之用。
在基本图层上添加噪点。进入滤镜-转换为智能滤镜,然后再进入滤镜-杂色-添加杂色-数量-1
在下图所示位置分别放上大小为300像素 x 200像素的预览样图和60像素 x 60像素的缩略样图。(图片的摆放距离如图上的红体字所示)
应用图层样式
· 描边(颜色): #4e4e4e
接下来,我们为预览图和缩略图分别