jquery动态更换设置背景图
2014-03-26 06:28
393 查看
如何使用jquery动态更换网页背景图?
有时可以为用户提供很贴心的功能,比如判断用户是什么时候来访问的,然后给出一句问候,晚上好,下午好之类的。
并且更换网页的背景颜色,比如晚上的时候就可以用满天星星的背景,白天就用阳光灿烂,或者特定节日就用该主题背景,让你的网站显得非常灵活,不枯燥。
jquery实现背景更换的一种解决方法:
jquery 代码:
原生javascript代码:
前端代码:
有时可以为用户提供很贴心的功能,比如判断用户是什么时候来访问的,然后给出一句问候,晚上好,下午好之类的。
并且更换网页的背景颜色,比如晚上的时候就可以用满天星星的背景,白天就用阳光灿烂,或者特定节日就用该主题背景,让你的网站显得非常灵活,不枯燥。
jquery实现背景更换的一种解决方法:
jquery 代码:
function dochangebkg() { var bkgurl=$("#inputbkgurl").val(); var repeatemode=$("#inputrepeatmode").val(); var s="<style type='text/css' > body{ background-repeat : "+repeatemode+"; background-image:url(\""+bkgurl+"\"); } </style>"; $("#outputdiv").html(s); }
原生javascript代码:
function dochangebkg() { var bkgurl=$("#inputbkgurl").val(); var repeatemode=$("#inputrepeatmode").val(); var s="<style type='text/css' > body{ background-repeat : "+repeatemode+"; background-image:url(\""+bkgurl+"\"); } </style>"; $("#outputdiv").html(s); }
前端代码:
<div> 背景图片url:<input type="text" size="60" id="inputbkgurl" /> <br /> (脚本学堂 www.jbxue.com) 背景图片重复方式: <select id="inputrepeatmode"><option value="repeat" selected="selected">repeat</option><option value="no-repeat">no-repeat</option><option value="repeat-x">repeat-x</option><option value="repeat-y">repeat-y</option></select> <input type="button" onclick="dochangebkg()" value="确定更换" /> </div> <div id="outputdiv"></div>
相关文章推荐
- jquery动态更换设置背景图的方法
- jquery动态更换设置背景图的方法
- android view重写onTouchEvent事件更换背景(android 动态设置背景图 )
- Jquery(点击)动态更换背景,折叠展开的
- jQuery Backstretch动态设置背景图片插件
- jQuery鼠标移动到Div上后切换背景,或更换图片
- jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
- 推荐个Jquery颜色选择控件 jquery colpick..用来设置背景不错。
- jQuery动态设置form表单的enctype值(实现代码)
- C#学习笔记:动态设置控件的背景图片
- jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了
- jQuery实现简单的导航按钮焦点背景更换(代替css hover)以及弹出子菜单 我的第一篇博文
- win7系统怎么设置电脑背景自动更换?
- PowerPoint2007背景怎么设置、修改以及更换
- jQuery文档分析4-属性的动态设置
- jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了
- jQuery实现动态背景图片
- BASIS--更换SAP登录背景和个性化的设置
- 动态设置ListActivity的背景
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)