<!DOCTYPE html> <html><head><meta http-equiv='Content-Type' content='text/html; charset=utf8'><title>其他产品图片点击逻辑</title> <script> var g_resRoot = '../__res/'; var g_json_outline = '{"children":[{"children":[],"level":1,"lvNumber":"1","text":"简书:"},{"children":[],"level":1,"lvNumber":"2","text":"印象笔记(网页版):"},{"children":[],"level":1,"lvNumber":"3","text":"印象笔记(客户端):"},{"children":[],"level":1,"lvNumber":"4","text":"有道云笔记:"},{"children":[],"level":1,"lvNumber":"5","text":"知乎:"},{"children":[],"level":1,"lvNumber":"6","text":"新浪微博:"},{"children":[],"level":1,"lvNumber":"7","text":"豆瓣:"},{"children":[],"level":1,"lvNumber":"8","text":"为知笔记(客户端):"}],"level":0,"lvNumber":"","text":"其他产品图片点击逻辑"}'; </script> <link rel='stylesheet' type='text/css' href='../__res/common.css'><style>.s0{color:#0000ff;} .s1{color:#000000;} .s2{color:#0563c1;} .s3{color:#000000;} </style> </head><body> <script src='../__res/util.js'></script><div id='outline'> <li><a href='#ol_0' style='font-weight:bold; font-size:22px'>其他产品图片点击逻辑</a></li> <li> <a href='#ol_1' >简书:</a></li> <li> <a href='#ol_2' >印象笔记(网页版):</a></li> <li> <a href='#ol_3' >印象笔记(客户端):</a></li> <li> <a href='#ol_4' >有道云笔记:</a></li> <li> <a href='#ol_5' >知乎:</a></li> <li> <a href='#ol_6' >新浪微博:</a></li> <li> <a href='#ol_7' >豆瓣:</a></li> <li> <a href='#ol_8' >为知笔记(客户端):</a></li> </div>
<pre id='ol_0' class='title'>其他产品图片点击逻辑</pre> <pre><d class='s0'></d></pre> <h2 id='ol_1'>简书:</h2> <pre><d class='s1'>单击图片一次,弹出网页同高度大图,背景自动虚化,再次点击任意地方关闭,下面有查看大图按钮,点击弹出新窗口大图网页,大图页面需点击关闭当前网页。(无法缩放和拖动)</d></pre> <pre><d class='s2'><<a href='https://www.jianshu.com/p/11046c89367d'>https://www.jianshu.com/p/11046c89367d</a>></d><d class='s1'></d></pre> <pre><d class='s1'></d></pre> <h2 id='ol_2'>印象笔记(网页版):</h2> <pre><d class='s1'>鼠标指到图片上会弹出两个按钮,下载和图片集,点击图片集可查看大图,下面有左右翻页按钮(整篇文章里面的图片都可以左右翻查看)、下载按钮、新窗口中打开按钮(点击生成图片新窗口),不能拖动和缩放,点击右上角X按钮关闭。</d></pre> <pre><d class='s2'><a href='https://app.yinxiang.com/Home.action?login=true#n=879b7ac0-3501-44bd-b55a-db60caa047bc&s=s71&ses=4&sh=2&sds=5&'>https://app.yinxiang.com/Home.action?login=true#n=879b7ac0-3501-44bd-b55a-db60caa047bc&s=s71&ses=4&sh=2&sds=5&</a> <<a href='https://app.yinxiang.com/Home.action?login=true'>https://app.yinxiang.com/Home.action?login=true</a>></d><d class='s1'></d></pre> <pre><d class='s1'></d></pre> <h2 id='ol_3'>印象笔记(客户端):</h2> <pre><d class='s1'>鼠标指到图片,左上角显示两个按钮,编辑和查看大图(仅是图标显示,没有文字提示),点击查看大图弹出本地图片查看器,下方按钮可以缩放旋转。</d></pre> <pre><d class='s2'><<a href='https://app.yinxiang.com/shard/s71/nl/17093919/13031d4c-9db9-418a-a55f-0379e9cbc6ed'>https://app.yinxiang.com/shard/s71/nl/17093919/13031d4c-9db9-418a-a55f-0379e9cbc6ed</a>></d><d class='s1'></d></pre> <pre><d class='s1'></d></pre> <h2 id='ol_4'>有道云笔记:</h2> <pre><d class='s1'>单击图片弹出大图,背景自动虚化,下方弹出按钮(放大、缩小、旋转、下载、全屏),点击全屏会再次弹出一个更大的图,鼠标可随意拖动图片位置。</d></pre> <pre><d class='s2'><a href='https://note.youdao.com/web/#/file/recent/note/WEBc5fbe77d7bfb7f284ed1993d1c77b590/'>https://note.youdao.com/web/#/file/recent/note/WEBc5fbe77d7bfb7f284ed1993d1c77b590/</a> <<a href='https://note.youdao.com/web/'>https://note.youdao.com/web/</a>></d><d class='s1'></d></pre> <pre><d class='s1'></d></pre> <h2 id='ol_5'>知乎:</h2> <pre><d class='s1'>单击图片弹出大图,背景自动变暗,再次点击任意地方关闭大图模式。</d></pre> <pre><d class='s2'><<a href='https://www.zhihu.com/question/22580262/answer/394155350'>https://www.zhihu.com/question/22580262/answer/394155350</a>></d><d class='s1'></d></pre> <pre><d class='s1'></d></pre> <h2 id='ol_6'>新浪微博:</h2> <pre><d class='s1'>鼠标指到图片出现放大图标,单击图片查看大图,上方出现导航栏,收起、查看大图、左旋转、有旋转,再次点击图片缩小到标准显示。</d></pre> <pre><d class='s2'><a href='https://weibo.com/5187664653/Gkgekrw7i?ref=feedsdk&type=comment#_rnd1528438856162'>https://weibo.com/5187664653/Gkgekrw7i?ref=feedsdk&type=comment#_rnd1528438856162</a> <<a href='https://weibo.com/5187664653/Gkgekrw7i?ref=feedsdk&type=comment'>https://weibo.com/5187664653/Gkgekrw7i?ref=feedsdk&type=comment</a>></d><d class='s1'></d></pre> <pre><d class='s1'></d></pre> <h2 id='ol_7'>豆瓣:</h2> <pre><d class='s1'>直接点击图片下一张,图片上方有两个按钮,上一张、下一张,下方有点击大图按钮,点击大图在新窗口打开大图,关闭大图需关闭新窗口。</d></pre> <pre><d class='s2'><a href='https://www.douban.com/photos/photo/2519448286/#image'>https://www.douban.com/photos/photo/2519448286/#image</a></d><d class='s1'></d></pre> <pre><d class='s1'></d></pre> <h2 id='ol_8'>为知笔记(客户端):</h2> <pre><d class='s1'>右键点击查看大图,弹出新窗口,可查看大图。</d><d class='s3'></d></pre> <pre><d class='s3'><img src='pic\aaef60ea95373601c3c00a24a14dcf98.jpg' /></d><d class='s3'></d></pre> </body></html>