基于jquery的页面分屏切换模板

闲来无事,搞了个页面的分屏效果,先来看下效果: 出于可自定义宽高的目的,屏幕分块由CSS控制,由js控制估计等分模块效果一般. 程序相关说明: HTML结构: <div class="header"> header </div> <div class="container" id="displayArea">  </div> <div class=…

基于jQuery商城网站全屏图片切换代码

基于jQuery商城网站全屏图片切换代码.这是一款商城网站全屏多张图片滑动切换代码.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="slides"> <div class="slideInner"> <a href="#" style="background: url(img/slide1.jpg) no-repeat;"> <div cla…

基于jQuery左侧大图右侧小图切换代码

基于jQuery左侧大图右侧小图切换代码是一款带右侧缩略图选项卡的jQuery图片切换特效.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="examples_body"> <div class="examples_bg"> <div class="examples_image"> <img src="images/sample_banner1.jpg&…

基于jQuery扁平多颜色选项卡切换代码

基于jQuery扁平多颜色选项卡切换代码,支持自动轮播切换,鼠标滑过切换的jQuery特效.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="wrap"> <div class="part1 clearfix"> <div class="slide"> <div class="slide_cont"> <ul class="…

基于jQuery图片遮罩滑动文字切换特效

基于jQuery图片遮罩滑动文字切换特效.这是一款jquery hover鼠标滑动选项卡切换透明背景遮罩文字显示特效.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="bodyCon07"> <div class="teacher"> <div class="teacherPic"> <div class="content"> <i…

今天为给大家介绍一款基于jquery超炫的图片切换特效.由百叶窗飞入显示图片.图片消息的时候也是百叶窗渐行渐远.用于图片展示,效果还是非常好,我们一起看下效果图: 在线预览源码下载来看下实现的代码.注意了,这里有引用jquery和underscore插件. html代码: <div class="wrap"> <div class="box active" style="background-image: url(img/1.jp…

jQuery Mobile页面跳转切换的几种方式

jQuery Mobile在移动开发中越来越受到欢迎. 而他的各个版本号也在持续不断的更新中.相同的我也非常喜欢它,它加快了我们开发HTML5的速度. 同一时候又具备jQuery一样的操作方法. 学起来也是相当的easy.所以这一片文章就是介绍jQuery Mobile的页面跳转的. 少说废话,看源代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head…

基于jQuery的自适应图片左右切换

效果预览:http://hovertree.com/code/jquery/smjv6d0n.htm 基于jQuery编写的横向自适应幻灯片切换特效全屏自适应jquery焦点图切换特效,在IE6这个蛋疼的浏览器兼容性问题上得到了和谐,兼容IE6. 适用浏览器:IE6.IE7.IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1…

基于jQuery环形图标菜单旋转切换特效

分享一款基于jQuery环形图标旋转切换特效.这是一款鼠标点击图标菜单圆形顺时针或者逆时针旋转切换代码.效果图如下: 在线预览源码下载实现的代码. js代码: /* 图片地址可以是相对路径或绝对路径:标题和描述可以包含HTML */ var settings = [ {image: 'images/zzsc1.png', heading: '爱编程', description: '***'}, { image: 'images/zzsc2.png', heading: '爱编程', de…

iterm 分屏切换快捷键与配色设置

(1)快捷键设置 ⌘ + d: 垂直分屏, ⌘ + shift + d: 水平分屏. ⌘ + ]和⌘ + [在最近使用的分屏直接切换. ⌘ + opt + 方向键切换到指定位置的分屏. ⌘ + 数字: 切换标签页. ⌘ + 方向键按方向切换标签页. shift + ⌘ + s: 保存当前窗口快照. ⌘ + opt + b: 快照回放. (2)配色设置在~/.bash_profile中添加 #item2 CLICOLOR=1 LSCOLORS=gxfxcxdxbxegedabagacad exp…

【基于jquery的页面分屏切换模板】的更多相关文章