【分享一个自己写的基于JQuery的一个Web背景切换的Demo】的更多相关文章

分享一个自己写的基于JQuery的一个Web背景切换的Demo

这个效果主要有两个特点: 1. 背景切换的渐变 2. 背景大小自适应 3. 背景自适应保持比例同时, 相对居中 js源码: (function ($) { $.fn.bgChange = function (options) { var defaults = { width: 1920, height: 1080, changeRate: 3000, isLoadLimit: false, loadLimit: 10000, changed: function () { }, top: 0, l…

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

一款基于jquery超炫的图片切换特效

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

基于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…

分享一个以前写的基于C#语言操作数据库的小框架

一:前言 这个是以前写的操作MySQL数据库的小型框架,如果是中小型项目用起来也是很不错的,里面提供Filter.ModelPart.Relationship等机制实现操作数据库时的SQL语句的拼接和返回数据的转换功能: 对数据源的参数配置在启动工程的App.config里配置,后面有github的源码地址. 二:用法 代码如下: class Program { static void Main(string[] args) { var result = DalManager.GetAllRec…

分享一个自己写的基于canvas的原生js图片爆炸插件

DEMO访问地址: https://bupt-hjm.github.io/BoomGo/博客地址: http://bupt-hjm.github.io/2016/07/10/boom/插件及使用方法地址: https://github.com/BUPT-HJM/BoomGo动画: 1.参考JQuery,支持链式调用 (function(window, undefined) { //... // A.prototype.init.prototype指向A.prototype boom.protot…

分享一个自己写的基于TP的关系模型

为了说明问题,假设现在有表test1,test1有从表test2:test1属于test3,test1和test4多对多,关联表test1_test4. 1.定义关系 class Test1Model extends WdModel { public function test2(){ return $this->hasOne('Test2','test1_id'); } public function test3(){ return $this->hasMany('Test3','test1…