<!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>
