</style>
<script src=static/js/jquery-1.10.2.min.js></script>
<script src=static/js/jquery-ui-1.10.3.custom.min.js></script>
-<script>var arg = {
- 'font-size':'2em',
- 'transform':'rotate(10deg)'
-};</script>
+<script src=static/js/main.js></script>
</head>
<body>
{% for x in coll %}
- <article>
{% if full(x['name']) == True %}
<a href=/{{x['name']}}> style=color:red>{{x['name']}}</a>
{% else %}
<a href=/{{x['name']}}>{{x['name']}}</a>
{% end %}
- <span id={{x['name']}}><span class=g1>タイトル:</span>{{x['title']}}<span class=g1>,記事数:</span>{{x['count']}}<span class=g1>,更新時刻:</span>{{x['date']}}</span>
- <script>
- $(function(){
- $('#{{x['name']}}').on('click',function(){
- $(this).css(arg);
- })
- .on('mouseout',function(){
- $(this).css('font-size','1em');
- });
- });
- </script></article>
+ ↓
+ <div><span class=g1>タイトル:</span>{{x['title']}}<span class=g1>,記事数:</span>{{x['count']}}<span class=g1>,更新時刻:</span>{{x['date']}}</div>
<p>
{% end %}
<p><a href=/>もどる</a>
--- /dev/null
+var
+arg = {
+ 'font-size':'2em',
+ 'transform':'rotate(5deg)'
+};
+narg = {
+ 'font-size':'initial',
+ 'transform':'initial'
+};
+
+$(function(){
+ $('div').on('click',function(){
+ $(this).css(arg);
+ })
+ .on('mouseout',function(){
+ $(this).css(narg);
+ });
+});
\ No newline at end of file