javascript - 按钮单击背景图像更大的动画并加载新页面

Question

在网站的博客部分，打开新博客有很好的效果。

在博文的底部，有一个指向下一篇博文的链接。如果您单击阅读更多按钮，背景会变大并自动加载该博客文章的内容。示例可以在这里找到 -

https://www.odoo.com/blog/odoo-news-5/post/odoo-10-released-337

如何实现这个效果？

Answer 1

您可以将链接设置为READ MORE并编写路由和控制器以使用该链接打开当前博客。例如：鉴于：

<a t-att-href="'/blog/custom?id='+blog.id"/>
<!-- give proper style to display as a button --> 

在控制器中

@http.route('/blog/custom', csrf=False, type="http", methods=['POST', 'GET'], auth="public", website=True)
def custom_blog(self, **kw):
    data = request.env['blog.blog'].browse(kw and kw.get('id'))
    return request.render('your_template', {'data':data }) #use dict key as per your custom template