内容图片切换

<tr>

        <td width="10%" class="tableleft">广告类别</td>

        <td>

<select name="type" onchange="_ad()" id="type">

<option value="0">图片广告</option>

<option value="1">文字广告</option>

</select>

</td>

    </tr>

<tbody id="t_0" class="pp">

    <tr>

        <td width="10%" class="tableleft">图片</td>

        <td><input type="file" name="pic"  style="300px"/></td>

    </tr> 

 <tr>

        <td width="10%" class="tableleft">图片描述</td>

        <td>

<input type="text" name="pic_des" placeholder="图片描述" value="" style="300px"/> 

       </td>

    </tr> 

    <tr>

        <td width="10%" class="tableleft">连接地址</td>

        <td>

<input type="text" name="pic_url" placeholder="连接地址" value="" style="300px"/> 

       </td>

    </tr> 

</tbody>

<tbody id="t_1" class="pp" style="display:none">

    <tr>

        <td width="10%" class="tableleft">文字描述</td>

        <td>

       <textarea style="100%; height:150px" name="words" placeholder="文字描述"></textarea>

       </td>

    </tr> 

 

 

function _ad(){

$(".pp").hide() ; 

$("#t_"+$("#type").val()).show() ; 

}

 

————————————————————————下拉切换

 <select class="input-box" name="bank_code"  id="type">

 

                                                <option value="1">1111</option>

                                                <option value="2">2222</option>

                                                <option value="3">3333</option>

                                            </select></div>

 

<img src="/1.jpg" width="200" height="200"  id="t1" class="aa"/>

                            <img src="/2.png" width="200" height="200"/  id="t2"  style="display:none"  class="aa">

                            <img src="/3.png" width="200" height="200"  id="t3"   style="display:none"  class="aa"/>

 

 

<script type="text/javascript">

                        function ad() {

                            $("#t1").hide();

                            $("#t" + $("#type").val()).show();

                        }

                        $(document).ready(function() {

                            $("#type").change(function(){

                                $(".aa").hide();

                                $("#t" + $("#type").val()).show();

                            })

                        });

 

                    </script>

 

————————————————————————点击切换

$(function () {
	$(".cyx-infor-car a").click(function () {
	//获取银行的图片属性
	var cyx_src = $(this).find("img").attr("src");
	//将付款银行的图片属性赋给银行的
	$(".cyx-infor-xc img").attr("src",cyx_src);
	$(".cyx-infor-car a").removeClass("hover");
	$(this).addClass("hover");
	if($(this).attr("date-tyle") != null){
	$(".cyx-screen").removeClass("ui-hide");
	}else{
	if(!$(".cyx-screen").hasClass("ui-hide")){
	$(".cyx-screen").addClass("ui-hide");
	}
	}
	}) <div class="cyx-zhi-main"> <div class="cyx-bd cyx-ze"> <label>选择充值银行： <div class="nav-text"></div> </label> <div class="cyx-infor-xc"><img src="/public/dep/img/weixin2.png" alt="" width="136" height="41"></div> </div> <div class="cyx-infor-car cyx-bd cyx-ze-car"> <a href="javascript:void(0);" id="kuaisu"><img src="/public/dep/img/kuaisu.png" alt="快速充值2" onclick="add_payment_id('kuaisu',18,100.0000,100000.0000)" width="130" height="39"></a> <a href="javascript:void(0);" id="zhifu"><img src="/public/dep/img/zhifu.png" alt="支付宝" onclick="add_payment_id('zhifu',42,1.0000,100.0000)" width="130" height="39"></a> <a href="javascript:void(0);" id="weixin2" class="hover"><img src="/public/dep/img/weixin2.png" alt="微信2" onclick="add_payment_id('weixin2',43,2.0000,100.0000)" width="130" height="39"></a> <a href="javascript:void(0);" id="minsheng"><img src="/public/dep/img/minsheng.png" alt="银行充值" onclick="add_payment_id('minsheng',12,100.0000,100000.0000)" width="130" height="39"></a> </div> </div>