默认样式
<span class="search1" title="点击切换" style="margin-top: 0px; "></span>
<input type="text" class="search2" placeholder="搜索会员..." value="" name="Name" id="Name">
点击切换后
<span class="search1" title="点击切换" style="margin-top: -26px; "></span>
<input type="text" class="search2" placeholder="搜索文章..." value="" name="News" id="News">不懂JS,有懂的大侠请出手,两个样式和input实现点击切换,谢谢大家
<span class="search1" title="点击切换" style="margin-top: 0px; "></span>
<input type="text" class="search2" placeholder="搜索会员..." value="" name="Name" id="Name">
点击切换后
<span class="search1" title="点击切换" style="margin-top: -26px; "></span>
<input type="text" class="search2" placeholder="搜索文章..." value="" name="News" id="News">不懂JS,有懂的大侠请出手,两个样式和input实现点击切换,谢谢大家
解决方案 »
- 求大神指点window.showModalDialog问题
- EXT gridPanel 表格怎么实现鼠标拖动选择啊?
- 一个javascript时间显示问题
- 如何在一个页面三个不同的div中图片同时翻滚。(3个div中的图片不能一样)
- 如何获取当前控件的下一个控件
- 三角形导航 如何修改这个jquery达到卡tab切换的效果
- /***高分请教:页面Textarea输入域中,为实现计算公式的输入,如何在当前焦点动态赋值,***/
- 如何取得最顶层的框架或页面?
- 关于reset按钮的问题
- easyui-datagrid服务器端分页后如何添加编辑列
- struts2 图片上传代码
- 怎么把多input的值相加,做字符串连接的相加..
<script type="text/javascript">
function ChangeAttr(o){
var n=document.getElementById("name")||document.getElementById("news");
var json=n.id=='name'?{margintop:'-26px',id:'news',placeholder:'搜索文章...'}:{margintop:'0px',id:'name',placeholder:'搜索会员...'};
o.style.marginTop=json.margintop;
n.setAttribute("placeholder",json.placeholder);
n.id=json.id;
}
</script>
<span class="search1" title="点击切换" onclick="ChangeAttr(this)" style="margin-top: 0px;">aaaaa</span>
<input type="text" class="search2" placeholder="搜索会员..." value="" name="Name" id="name">