如何将jquery Lightbox\u me默认登录按钮值更改为关闭
我正在使用www.buckwilson.me/lightboxme插件…在应用代码和弹出窗口完美工作后。但问题是我无法更改登录按钮的默认值 我的显示器 所需显示(此示例使用ms paint编辑) 完整代码如何将jquery Lightbox\u me默认登录按钮值更改为关闭,jquery,css,Jquery,Css,我正在使用www.buckwilson.me/lightboxme插件…在应用代码和弹出窗口完美工作后。但问题是我无法更改登录按钮的默认值 我的显示器 所需显示(此示例使用ms paint编辑) 完整代码 <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.lightbox_me.js"
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.lightbox_me.js" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$(function() {
$('#try-1').click(function(e) {
$("#sign_up").lightbox_me({centered: true,closeClick:false, onLoad: function() {
$("#sign_up").find("input:first").focus();
}});
e.preventDefault();
});
});
});
</script>
<link rel="stylesheet" href="popup.css" type="text/css" media="screen" title="no title" charset="utf-8">
<div id="sign_up" style="display: none; left: 50%; margin-left: -223px; z-index: 1002; position: fixed; top: 50%; margin-top: -159px;"> <br/>
<div class="announcement">Important Announcement!!!</div>
<div id="home_sign_up_form"> To keep updating! Like our Fabebook page ,Follow us on Twitter, Google+ or Subscribe RSS Feed.<br/><br/>
<div style="float:left; margin-left:20px;">
<div id="actions">
<a id="log_in" class="close form_button sprited" href="#">Close</a>
</div>
</div>
</div>
<a id="close_x" class="close sprited" href="#" title="Close">Close</a> </div>
<input type="button" value="Add Item" id="try-1" onClick="" />
为此,您需要设置按钮样式,请尝试在下面添加类
按钮\u示例到按钮
.button_example{
border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
background-image: linear-gradient(top, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}
.button_example:hover{
border:1px solid #5d7fbc; background-color: #819bcb;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bcb), color-stop(100%, #536f9d));
background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
background-image: -o-linear-gradient(top, #819bcb, #536f9d);
background-image: linear-gradient(top, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}
只需根据您的要求编辑颜色真的很抱歉,现在更正显示图像的位置…对不起,兄弟,我更改了所需的显示..您能帮我找到吗solution@user1920718what只需在value=“sdfs”中编写您想要的任何内容
在按钮中有什么问题?朋友,当我应用sprited css代码时,我终于发现了我的问题。图像将重复,文本将不会显示,甚至更改了按钮值。。。甚至更改图像值下方的显示()现在我可以使用您的代码解决我的问题非常感谢您的所有努力。。
.button_example{
border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
background-image: linear-gradient(top, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}
.button_example:hover{
border:1px solid #5d7fbc; background-color: #819bcb;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bcb), color-stop(100%, #536f9d));
background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
background-image: -o-linear-gradient(top, #819bcb, #536f9d);
background-image: linear-gradient(top, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}