adaptive-backgrounds.js 介绍
adaptive-background.js是一款jQuery 插件 ,可以根据div, img标签 里 图片 的边框颜色来动态调整父 标签 的背景颜色,有点类似iTu nes 的专辑详情的 效果 .
使用
adaptive-backgrounds.js的API比较容易使用,只需要在 页面 中先包含jQuery和adaptive-backgrounds.js 文件 。然后运行脚本:
<!-- lang: js -->
$(document).ready(function(){
$.adaptiveBackground.run()
});
在需要实现该 效果 的 标签 加入data-adaptive-background 属性 ,如:
<!-- lang: html -->
<img src="/image.jpg" data-adaptive-background='1'>
或者在css指定背景 图片 的 标签 中使用该 功能 ,比如div,需要在div 标签 中再加入data-ab- css- background 属性 ,如:
<!-- lang: html -->
<div background-image: url(/some-image.jpg)' data-adaptive-background='1' data-ab- css- background='1'></div
网站地址 : http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/
GitHub: https://github.com/briangonzalez/jquery.adaptive-backgrounds.js
网站描述: 提取 图片 主要部分颜色的 jQuery 插件
adaptive-backgrounds.js官方网站
官方网站: http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
查看更多关于adaptive-backgrounds.js的详细内容...