av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 一個頁面有四個圖片,翻頁的時候想固定住某個圖片然后翻頁,如何實現呢?

瀏覽:130日期:2023-03-02 15:39:22

問題描述

頁面是這樣:一頁上顯示四張圖片,每次翻頁的時候四張一起更換,現在想在每個圖片的左上角添加一個勾選框,當圖片對應的勾選框被選中時,點擊下一頁或者上一頁,這張圖片不會更換,而未勾選的圖片會更換。我現在能想到的就是記錄一下被選中時圖片在數據庫中的rownum,然后根據這rownum以及當前是否有固定住的圖片來設置pageSize例如:左上角圖片被勾選的時候,pageSize=3;沒有勾選的時候pageSize = 4javascript - 一個頁面有四個圖片,翻頁的時候想固定住某個圖片然后翻頁,如何實現呢?

現在的問題是,前臺怎么處理呢?我用asp.net開發的程序,前臺展示用的asp.net的控件自動迭代出來的結果,怎么控制呢?

<asp:DataList runat='server' RepeatColumns='2'><ItemTemplate> <p class='col-lg-12'><p style='margin-top: 5px'>科目代碼:</p><p style='margin-top:5px;margin-left:-10px'><%#Eval('TJ_KM_DM')%></p><p style='margin-top: 5px; text-align:right'>考試時間:</p><p style='margin-top: 5px;'><%#Eval('KSSJ') %></p><input type='hidden' value='<%#Eval('KS_ZKZ')%>' /><input type='hidden' value='<%#Eval('BJSH_JG_QX')%>'/> <input type='hidden' value='img/<%#Eval('KSSJ').ToString()+'/'+Eval('TJ_KM_DM').ToString().Trim()+'/'+Eval('KS_ZKZ')+'.jpg'%>' /><p style='margin-left:50px'> <input value='未標記' type='button' onclick='signCard(this)' /></p><img src='http://m.4tl426be.cn/img/<%#Eval('KSSJ').ToString()+'/'+Eval('TJ_KM_DM').ToString().Trim()+'/'+Eval('KS_ZKZ')+'.jpg'%>' alt='Responsive image' /> </p></ItemTemplate> </asp:DataList>

上面的代碼,直接可以迭代出上圖的效果,如果按照上面說的內容,我感覺需要操作每個img沒什么好的辦法,求大神指導。

問題解答

回答1:

我提供我個人的想法:你需要一個數據棧來保存相關的信息,標記一個保存一個,然后再每次翻頁的時候都進行一次數據讀取,如果能讀到數據,則返回數據并進行相關操作,然后繼續讀取,直到讀完再使用新的數據。

標簽: JavaScript
主站蜘蛛池模板: 九九精品在线 | 久久久精品亚洲 | 欧美日韩国产一区二区三区不卡 | 精品伦精品一区二区三区视频 | 青娱乐自拍 | 日韩精品免费视频 | 欧美一级欧美三级在线观看 | 亚洲在线 | 成av在线 | 九九热在线视频观看这里只有精品 | 日韩一区二区在线播放 | 久久久精品视频免费 | 久久久久久久久99精品 | 老外几下就让我高潮了 | 在线视频91 | 中文字幕视频一区二区 | 国产成人精品一区二 | 欧美日韩精品中文字幕 | 国内精品伊人久久久久网站 | 成人在线观看免费爱爱 | 99九色| 久久久观看 | 一级看片免费视频囗交动图 | 亚洲精选久久 | 日韩国产一区二区三区 | 麻豆久久 | 99这里只有精品视频 | 免费久久久 | 365夜爽爽欧美性午夜免费视频 | 成人在线视频免费播放 | 精品久久久久久久人人人人传媒 | 毛片一区二区三区 | 日韩在线不卡 | 一级aaaa毛片 | 午夜ww | 成人亚洲视频 | 欧美成人综合 | 国内自拍偷拍 | 国产精品美女久久久久久免费 | 久久亚洲经典 | 国产精品色婷婷久久58 |